JavaScript总结

JavaScript总结

1、语法
JavaScript由LiveScript而来，最初是网景公司开发的，在网景公司与微软公司于1990年发生的“浏览器大战”中进一步发展，现在遵守ECMAScript规范。
不同浏览器对JavaScript的支持是不一样的。
定义变量：
var 变量名;
JavaScript是弱类型语言，变量没有数据类型（也就是变量可以在运行时改变数据的类型），比如：
var x = 10;
x = "abc";
x = true;
x = 100;
使用变量：
变量名 = 值;
定义函数：
function 函数名(形参列表){
函数体
}
使用函数：
函数名(实参);
变量 = 函数名(实参);
定义数组：
var 数组名 = new Array();
var 数组名 = [];
JavaScript中的数组是一个动态数组（数组的长度会发生变化）
使用数组：
变量名 = 数组名[数字下标];
变量名 = 数组名[字符串下标];
JavaScript中下标是可以越界的，越界访问的结果是undefined
2、BOM
BOM（Browser Object Model），浏览器对象模型。
window对象：代表了浏览器窗口
1、包含了document、history、location等对象，这些对象作为window对象的属性
2、alert()：弹出一个提示对话框
3、prompt("提示内容",默认值)：弹出一个输入对话框
4、confirm("提示内容")：弹出一个确认对话框，返回true或false
5、open("网页文件","窗体名称","窗体特征字符串")：弹出一个新的窗体，新窗体会加载指定的网页文件，并按窗体特征字符串的要求来显示
6、close()：关闭当前窗体
7、setTimeout("函数()",毫秒数)：从当前时间开始，过了制定的毫秒数之后，执行一次指定的函数（指定的函数只有一次执行）
8、setInterval("函数()",毫秒数)：从当前时间开始，每过了制定的毫秒数之后，就执行一次指定的函数（指定的函数会被多次执行）
document对象：代表了浏览器中显示的内容
1、referrer：当前文档引用的前一个文档
2、URL：当前文档的Url
3、write()：向当前文档中输入内容（HTML标签）
4、writeln()：向当前文档中输入内容（HTML标签），支持换行
history对象：代表了浏览的历史
1、forward()：向前、前进，相当于go(1)
2、back()：向后、后退，相当于go(-1)
3、go(数字参数)：依据数字参数向前或向后进行跳转
location对象：代表了浏览器的地址栏
1、href：地址栏的内容
2、reload()：重新加载当前页面
3、replace()：加载指定的页面来替换当前的页面
window常用事件
onload = "函数()"
onmouseover = "函数()"
onmouseout = "函数()"
onclick = "函数()"
onchange = "函数()"
onfocus = "函数()"
onblur = "函数()"
3、DOM
DOM（Document Object Model）文档对象模型
DOM是一个结构化的文档，只有一个根节点，有若

干个元素节点，每个元素节点之间有兄弟、父子关系，每个元素节点都是单根结构，元素节点中可
以包含属性节点、文本节点和子元素节点。整个DOM节点形成了一颗DOM树。
DOM的API（Application Programming Interface）是分级的：
Core DOM API：针对所有的结构化文档
getElementById()
getElementsByName()
getElementsByTagName()
setAttribute()
getAttribute()
firstChild
lastChild
childNodes
parentNode
createElement()
createTextNode()
createAttributeNode()
appendChild()
insertBefore()
clone()
removeNode()
replaceNode()
XML DOM API：专门针对XML文档
HTML DOM API：专门针对HTML文档，参考W3CSchool文档中的HTML DOM API
HTML DOM 对象的公有属性：
id
name
innerHTML
title
className
style
HTML标签 HTML DOM 对象
--------------------------------------------
img -> Image
table -> Table
rows
insertRow()
deleteRow()
tr -> TableRow
rowIndex
insertCell()
deleteCell()
td -> TableCell
cellIndex
select -> Select
options
add()
option -> Option
text
value

4、应用
1、动态改变网页的内容
调用DOM API来完成
2、动态改变网页的样式
调用DOM API来完成，使用DOM对象的style和className属性
3、网页输入的客户端验证（虽然客户端对输入的数据做了验证，但服务器还要对接收的数据进行验证）
在表单提交的onsubmit事件中进行验证
可以使用正则表达式来简化验证代码
4、网页特效