【AJAX01】js和Dom回顾

一）回顾JavaScript基础

（1）函数的定义方式
正常方式
function add(num1,num2){…}
构造器方式
var add = new Function(“num1”,”num2”,”return num1+num2”);
匿名/无名方式
var add = function(num1,num2){函数体}
（2）window对象是什么
在JS中，window表示整个浏览器窗口
（3）window对象常用属性、方法、事件
A)属性
document对象：表示浏览器中白色区域，即可显示内容的地方
status对象：浏览器中的状态栏
location：浏览器地址拦，常用的属性href，表示地址拦输入的URL路径
history：浏览器的历史拦，它存的是浏览器已访问过的网页
screen：浏览器的所在的屏幕对象
navigator：浏览器相关的信息，你可以将客户端浏览器相关的信息传到服务端，
此时服务端就知道，应该输出什么的样的信息给客户端看
… …
B)方法
alert()：以警告框形式输出内容
open()：打开一个新的浏览器窗口
close()：关闭一个已打开的浏览器窗口
… …
C)事件
onload：页面加载时，由系统调用
onunload：浏览器卸载页面时触发，整个浏览器已关闭了
onbeforeunload：浏览器卸载页面时触发，整个浏览器暂未关闭
注意：我们这二个onunload和onbeforeunload是早期浏览器中所支持的事件

（4）如何定位表单、表单元素、获取表单元素的值
A）定位表单有二种方式
第一种：能过表单名，即window.docment.表单的name属性值
第二种：能过forms属性，第一个表单，下标是0，依此类推，即window.docment.forms[0]

B）表单元素
   表单.表单元素名，即
   window.document.forms[0].username       

C）获取表单元素的值
   表单元素.value属性，即window.document.forms[0].username.value

二）DOM常用API实战

（1）什么是DOM
 D（Document）文档：html或xml二种，今天特指html
     O（Object）对象，其于对象的方式操作，例如：对象.方法()；对象.属性
 M（Model）模型，任何一个文档，在dom看来，就是一个倒状的树模型

（2）DOM的特点
     DOM是一种操作html或xml的规则，这套规则是跨平台(window/linux)，跨语言(js,vbs,java)，跨浏览器(ie,firefox)。
 只有你操作DOM标准的API，就可以在任何浏览器执行，具有相同的效果。       
     DOM的API中，有一些执行效果可能在A浏览器中是这个效果，可能在B浏览器中是那个效果，这是正常现象
     各个浏览器并没有对JS的执行答成相同的效果
     在dom眼中，一切文档都是由节点组成

（3）节点种类
     文档节点(document)：只有惟一的一个
     元素节点(divElement)
     文本节点(divTextElement)
     属性节点(divAttrElement)

（4）常用API
     参见<<JavaScript加强.ppt>>和<<DHTML 手册.chm>>
     getElementById()
     getElementsByName()
     getElementsByTagName()
     hasChildNodes()
     nodeName
     nodeType=1元素节点/2属性节点/3文本节点
     nodeValue
     replaceChild()
     getAttribute()：返回属性值，是一个文本字符串
     getAttributeNode("属性名"）:返回属性节点，是一个对象
     setAttribute()
     removeAttribute()
     createElement()
     innerHTML
     appendChild()
     createTextNode()
     insertBefore()
     removeChild()：删除元素只能通过直接父元素删除，没有自删
     firstChild
     lastChild
     nextSibling
     previousSibling
     parentNode  
     showModalDialog()
     showModelessDialog()

三）DOM应用

（1）选择输出对话框
（2）增删表格
（3）列表框移动
（4）像框