JavaScript基础学习笔记
2016-10-04 18:30
274 查看
一、 JavaScript概述
JS是脚本语言,用于HTML和Web,属于弱语言,轻量级,解释型的编程语言,可插入到HTML页面,由浏览器执行。 用处:
1.数据验证2.将动态的文本写入到网页中
3.对事件做出响应
4.可读写HTML中的内容
5.可检测浏览器
6.可创建cookies
一个完整的JavaScript实现可由3部分组成:核心(ECMAScript)、文档对象(Document Object Model,DOM)、浏览器对象模型(Browser Object Model,BOM)
常见的JS数据类型:对象、数组、数字、布尔、空值、undefined
可用的数据处理:字符串处理、日期处理、数组处理、逻辑处理、算术处理0
注意事项:
JS区分大小写.忽略多余的空格
.JS中的注释://:单行注释、/**/:多行注释
“;”分号用于一行中有多条语句
二、 JavaScript用法
JS代码可放置位置:1.位于HTML中的head标签中
4000
2.位于HTML中的body标签中
3.位于事件的属性值中,如:onclick="JS代码"
4.位于JS文件中
一、在head、body标签中
一般不放在body标签中,都是位于head标签中。用<script type="text/script"></script>标签包含二、在事件的属性值中
用于HTML中的事件响应之后的处理三、在JS文件中
一般用于大规模的网站开发,推荐使用这种方法。JS文件的后缀名为.js。JS文件用link标签导入。导入格式为:<link src="JS文件名">三、JS语句
输出语句
1.prompt()函数
弹出对话框,输入信息。输入之后返回输入信息的值。有两个参数:第一个是提示内容,第二个是输入框的默认内容2.documnet.write()和document.writeln()函数
将信息直接输入到浏览器中,会覆盖网页中内容。ln为行输出,默认加回车。3.window.alert()函数
弹出输出时产生警告提示信息的对话框三、 JS变量、类型、值
类型分为:原始类型、对象类型
原始类型:数字、字符串、布尔值
特殊的原始值:null(空值)、undefined(未定义)
对象类型:属性的集合
JS有内存管理机制,自动对内存垃圾回收
一、变量
变量命名:
1.必须以字母或_、$开头2.区分大小写
3.变量不能是保留字
变量声明:一般用var用来声明变量
二、数据类型
Undefined类型
Undefined类型的只有一个值即特殊的undefined。用var声明变量但未对其初始化,其值为undefinedNull类型
Null类型的只有一个值即特殊的null,表示一个空值Boolean类型
Boolean类型只有两个值:true、falseBoolean类型转换规则
数据类型 对应true值 对应false值
Boolean true false
string 非空 空
number 非0 0
object 任何对象 null
undefined 不适用 undefined
Number类型
特点:1.JS中的所有数值都存储为根为10的64位浮点数
2.整数最多为15位(不使用小数点或指数计数法)
3.小数最大位为17位
4.前缀为0,为8进制。前缀为0X或0x为16进制
5.特殊数值:NaN(非数值,Not a Number)
一、数字
整型:整数浮点型:小数
算术运算:+、-、*、/、%
日期和时间:
date()构造函数,用来创建表示日期和时间的对象。date对象的方法:
1.getFullYear():年
2.getFullmonth():月
3.getdate():日
4.getDay():星期
5.getHours():时
二、字符串
用""或''括起来。含有一些转义字符。用属性lenght可求长度。三、布尔:true、false
四、特殊值:null、unfined
null:表示其值是空值unfined:表示没有任何值,空值也没有
五、类型转换
显示转换:Number("内容"):转为数字
String(内容):转为字符串
Boonlean(内容):转为布尔
Object(内容):转为对象
.ToString():Number对象使用的函数转为字符串,也可将数组转为字符串
.toFixed(数字):将Number对象后面指定数字表示位数的小数,不够添0,多余舍去
parseInt(”内容",基数):这是一个全局函数,转为整型.。基数参数可选,表示转为特定的进制
===和==的区别:
==:表示只要两个值相等就行。===:表示值和类型都相等。
定义函数:用function关键字定义一个函数,也可用function()构造函数定义一个匿名函数
HTML事件:
onchange:HTML元素改变onclick:点击HTML元素
onmouseover:在HTML元素上移动鼠标
onmouseout:从HTML元素上移开鼠标
onkeydown:按下键盘
oload:浏览器加载完页面
if、for、while、do-while、switch语句和其他语言基本一样,不再总结。break和continue用法也是一样。
可用typeof测试变量的类型
正则表达式
正则表达式是用单个字符串来描述、匹配一系列符合某种模式规则的字符串搜索模式。字符串对象.search(字符串) :用于检索子字符串在字符串对象中的位置,返回值是字符串的起始位置
字符串对象.replace(字符串,替换内容):将字符串对象中的指定字符串替换掉
相关文章推荐
- JavaScript基础学习笔记(二)
- [学习笔记]JavaScript之DOM基础
- javascript学习笔记--第一课:基础
- JavaScript学习笔记之基础语法
- JavaScript高级程序设计(第3版)学习笔记15——DOM基础
- javascript笔记---算法基础学习
- 【学习笔记】javascript 基础篇 变量 运算符 函数
- JavaScript基础学习笔记(一)——JavaScript简介、 如何实现JavaScript、把 JavaScript 放置到何处、JavaScript语句
- javascript 设计模式 学习笔记(二)--基础(call,apply)
- 前端学习笔记--JavaScript--基础知识
- JAVASCRIPT学习笔记基础(二)
- JAVASCRIPT学习笔记基础(三)
- Javascript学习笔记(一) -- 基础语法
- JavaScript学习笔记之DOM基础 2.4
- Javascript基础学习笔记(菜鸟必看篇)
- [学习笔记]JavaScript基础--选项卡
- (清华大学HTML+CSS+JavaScript入门到精通学习笔记)第二章 HTML基础
- JavaScript学习笔记-基础语法、类型、变量
- javascript学习笔记——js基础
- 精通JavaScript开发课时20(JS事件基础)学习笔记