JavaScript主要用于提高网页互动性
1、验证表单
2、Ajax技术
3、操作网页元素
4、特效
JavaScript可以被浏览器解析并运行
同CSS一样,JavaScript脚本可以单独放在一个(.js)文件中,引用如下:
<scrpit src="js/script.js" language="javascript" />
一、JavaScript语法
JavaScript标识可以由数字、大小写字母、下划线和美元符号构成,标识不能以数字开头。
JavaScript严格区分大小写(这个与HTML不一样),代码以分号结束,但作为属性值的JavaScript可以不用分号结束
注释主要两种
单行注释://
多行注释:/* */
基本数据类型和常量如下:
1、整型常量,可以10进制、16进制、8进制
2、实型常量,如123.45,也可以使用科学计数法
3、布尔常量,true或false
4、字符串常量,可以采用双引号或单引号
5、null常量,表示变量指向的对象为空
6、undefined,表示变量没有赋值或此变量不存在
JavaScript中变量都是弱类型的,在使用时自动确定,如 var s = "hello";如果未给s赋值,则为undefined
变量分为全局变量和局部变量,作用域不同。
JavaScript常用系统函数
parseInt(数字字符串,进制)
parseFloat(数字字符串)
eval(参数),可以将字符串作为JavaScript表达式执行,如
var i = 1;
eval("var temp" + i + "=" + i);
以上语句相当于 var temp1 = 1;
JavaScript的运算符基本上与其它语言一致
二、JavaScript控制语句
JavaScript的控制语句基本上与其它语言一致
三、自定义JavaScript对象
<script language="javascript">
function Persion(name,age){
this.name = name;
this.age = age;
}
var p = new Person("张三",30);
alert(p.name + "," + p.age);
</script>
四、JavaScript内置对象
1、Object对象
上述例子可以采用Object内置对象构建Person对象
<script language="javascript">
var person = new Object();
person.name = "张三";
person.age = 20;
alert(person["name"] + "," + person["age"]);
</script>
2、String对象
var str = "hello world",str即为String对象
String对象常用属性有 charAt()、indexOf()等,具体可以查询JavaScript参考文档
3、Math对象
Math对象常用属性有 random()、round(x)、abs(x)
4、Date对象
Date对象常见属性有 getDate()、getTime()等,具体可以查询JavaScript参考文档
五、JavaScript数组
简单一维数组定义:var ids = ["001","002","003"];
简单二维数组定义:var ids = [["001",'002'],["006","007","008"]];
Array对象
主要属性有join()、reverse()、sort()
六、DOM编程
HTML元素连同它们包含的文本和属性都可以通过DOM进行访问和修改,DOM的主要对象有
Document, 代表整个HTML文件,可以用于访问一个页面上所有元素
Anchor, 代表一个<a>元素
Area, 代表一个image-map中的<area>元素
Base, 代表一个<base>元素
Body, 代表一个<body>元素
Button, 代表一个<button>元素
Event, 代表一个event的状态
Form, 代表一个<form>元素
Frame, 代表一个<frame>元素
还有许多对象,具体需要查看相关文档
七、其他JavaScript内置对象
Window, JavaScript分层结构中最顶层对象。Window对象代表了浏览器窗口,每一个<body>或<frameset>标签的实例都会自动生成一个Window对象。
Navigator, 存储了来访用户的浏览器信息。
Screen, 存储了来访用户的屏幕显示信息
History, 存储了浏览器窗口访问过的URL信息
Location, 存储了当前URL的信息。
使用JavaScript除了可以访问和操作JavaScript内置对象,还可以对HTML DOM对象进行操作。
具体对象的用法需要查看相关文档
八、JavaScript与正则表达式
search(rgExp) : 返回与正则表达式查找内容匹配的第一个子字符串的位置
replace(rgExp,replaceText) : 返回根据正则表达式进行文字替换后的字符串
RegExp对象创建有两种模式
1、re = /pattern/[flags]
2、re = new RegExp("pattern",["flags"])
pattern为要使用的正则表达式模式(必选)
flags为可选项,可用的有:
g, 全文查找出现的所有pattern
i, 忽略大小写
m, 多行查找
RegExp对象的test方法,返回一个Boolean值,它指出在被查找的字符串中是否存在模式。
九、相关参考文档
DOM编程:http://pan.baidu.com/s/1kThsIH5
JavaScript手册:http://pan.baidu.com/s/1sjCoBhz