javaScript基础复习笔记

一、JavaScript的特点
(1)向网页中添加交互行为(特效)
(2)是在客户端运行的脚本语言,语法与Java相似
(3)解释性语言、浏览器边执行边解释


二、JavaScript的组成

(1)ECMAScript(核心语法):标准的脚本语法规范,包括:变量的声明和赋值、数据类型、逻辑控制语句、注释
(2)BOM(浏览器对象模型):可以实现与HTML的交互
(3)DOM(文档对象模型):是HTML文档对象模型定义的一套标准方法,可以访问和操作HTML文档

三、JavaScript的执行原理?
(1)客户端发送带有JavaSCript脚本的请求到服务器端=》
(2)服务器下载后返回给客户端=》
(3)客户端的浏览器边执行边解释


四、使用JavaScript的优势
(1)包含JavaScript的页面只要下载一次即可,可以减少不必要的网络通信
(2)JavaScript由浏览器客户端执行,不是由服务器端执行,能减轻服务器端的压力

五、网页中引入JavaScript的方式
(1)使用<script>标签
<script type="text/javascript">
document.write("HelloWorld");
</script>
(2)使用外部JavaScript文件(推荐)
<script src="index.js" type="text/javascript"></script>
(3)直接在html标签中写
<input type="button" value="提示" onclick="javascript:alert('欢迎您');">
注:外部双引号,内部单引号

注:JavaScript脚本中:<br/>表示换行 \n\t表示空格

六、变量的声明和赋值,关键字var

(1)var 变量名=值
(2)变量名=值;
注:不推荐使用后一种


(3)变量的命名规则及 注意点:
1)包含字母、数字、下划线、$,但不能以数字开头
2)区分大小写
3)JavaScript是一种弱类型语言,不声明也可以使用,但是容易出错并很难查找

七、JavaScript中的数据类型

(1)undefined:未定义,表示声明了变量但并没有赋值
(2)null:空,表示声明变量并赋予空值
(3)number:数值,如12,22.4等
(4)String:字符串
(5)boolean:布尔,true或false

注:null和undefined相等
typeof(变量或值):判断变量或值是什么类型,返回数据类型
如:typeof(123),返回的是number类型

八、String对象常用的方法

charAt()、indexOf()、subString()、toUpperCase()、toLowerCase()、trim()

九、定义数组、常用的属性和方法
1、定义数组
var arr=new Array(2);
arr[0]="c";
arr[1]="b";
arr[2]="a";
arr[10]="g";//没有数组越界错误,会将数组的个数进行叠加
arr.push("l");//向数组后面追加元素
arr.push("a");
alert(arr.length);//通过length获取数组长度
arr.sort();
alert(arr.join(","));

2、常用方法:
join()、sort、push()

3、属性
length

十、运算符
1、算术运算符
2、赋值运算符
3、比较运算符
4、逻辑运算符

注:/*==和===的区别**/
var num=1;
var num1="1";
alert("双等比较后:"+(num==num1));
alert("三等比较后:"+(num===num1));
//如果不同类型的变量进行比较,==会进行类型转换后比较值,===比较的是数据类型

var n=1;
var b=1;
alert(n==b);
alert(n===b);
//如果是相同数据类型进行比较,使用==或===都一样

十一、控制语句
1、if条件语句
2、switch多分支语句
3、for、while循环语句
4、for-in

注://for-in中的i表示的是数组的下标
for(var i in arr){
document.write(i);
}

十二、JavaScript中的系统函数

1、parseInt():将值转换为整数类型,从第一个位置开始找,如果不是数字后面的将不会继续查找
如:var num=123b;
var num1=parseInt(num);
num1的值为123;
2、parseFloat():将值转换为浮点型,只转第二个小数点之前的,并且是数字
如:var num=123.45.67b
var num1=parseFloat(num);
num1的值为123.45
3、isNaN():判断值是否是非数字,true表示非数字,false表示数字


十三、自定义函数

1、语法:
function 函数名(参数名1,参数名2,……){
JavaScript代码;
[return 返回值];
}
注:定义参数时不需要定义数据类型

2、调用:
事件="函数名";

3、全局和局部变量

注:javascript中局部变量在同一个方法(阶层)中任何地方都可以访问,值以就近原则为主,但是不提倡


4、匿名函数:
var getSum=function(){
return num1+num2;
}

十四、常用的事件
1、onload:页面加载事件
2、onclick:鼠标单击事件
3、onmouseover:鼠标移上事件
4、onmouseout:鼠标移出事件
5、onfocus:获取焦点事件
6、onblur:失去焦点事件
7、onkeydown:键盘按下事件
8、onkeyup:键盘释放事件
9、onchange:内容改变事件

猜你喜欢

转载自www.cnblogs.com/autism-dong/p/12106571.html