js加强小结

一)回顾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)像框

posted on 2014-06-25 13:33  wf110  阅读(347)  评论(0编辑  收藏  举报