前言
javaScript
同java一样,是一门面向对象语言,它无需编译
能够响应客户端键盘和鼠标事件,验证客户端表单数据,动态改变页面样式
一、格式
<script type="text/jscript"> js代码 </script>
可以放在<head>,<body>,js文件夹中
<head>中:script type="text/jscript"> js代码 </script>
外部js文件中:直接写js代码
二、变量
使用var关键字,变量没有数据类型,变量值才有,可以用typeof(变量值)来获取变量值的数据类型
1.数据类型
数值型:number,包括整型和浮点型
布尔型:boolean
字符串型:String," "/ ' '
undefined型:变量仅声明未初始化
Object型:对象类型,包括Date,字符串,数组,math,DOM对象
字符串和数字进行运算时,会进行隐式的数据类型转换,但加法会直接连接
2.关键字
NaN:即not a number
3.比较运算符
== : 比较变量值是否相等
=== : 同时比较变量值和变量是否相等
4.函数
function 函数名 ( 参数 ) {
函数体;
[ 返回值 ];
}
调用函数:函数名(参数值);
5.变量作用域
和java相同,分为全局变量和局部变量
三、全局函数
即javaScript中已经定义好的,可以直接使用的函数
eg:alert(arg)
parseInt(arg),parseFloat(arg):参数若为字符串,只能转换字符串开头的数字,不能以非数字开头,否则输出NaN
evil(arg):参数通常为字符串类型,此函数可以将字符串类型参数当作脚本执行
eg:var s="2+5"; alert(s);//输出"2+5" alert(eval(s));//输出7
四、4种内置对象
字符串对象、数组对象、Date对象、math对象
字符串对象:和java的String类方法基本相同,多了substr( int beginIndex , int length )方法
数组对象:3中声明方式:var arr1=new Array(); arr1[0]=0; arr1[1]=1; var arr2=new Array(1,2,3); var arr3=[9,42,33,6];
var arr3=[9,42,33,6]; console.log(arr3); console.log(arr3.join(".."));// 9..42..33..6
console.log(arr3.sort());// 33,42,6,9 sort()函数不能实现真正的排序,需要自定义函数 console.log(arr3.sort(numSort));// 6,9,33,42 function numSort(m,n){ return m-n; }
五、事件
存在于标签中
1.onclick():鼠标点击触发
2.onfocus():输入框获取到鼠标焦点时触发即聚焦事件
3.onblur():失焦事件
4.onmouseover():鼠标移入触发,即悬浮事件
5.onmouseout():鼠标移出触发,即离开事件
6.onload():网页内容全部加载完后触发
7.onchange():输入框内容改变且标签失去焦点时触发
六、HTML-DOM对象
javaScript把网页中的每个标签都看作是一个对象,一个网页对应一个document对象
1.根据id获取对象:document.getElementById(id值);
获得标签体的value属性
获得标签体内的内容即innerHTML属性
获得标签体的css样式即style.属性
2.根据类名获取对象:document.getElementsByClassName(ClassName);
3.根据标签名获取对象:document.getElementsByTagName(TagName);
4.根据name属性获取对象:document.getElementsByName(name);