WEB标准开发中的一些基本用法

来源:互联网 发布:line交友软件 编辑:程序博客网 时间:2024/06/15 08:10
我们通常在做WEB编程时,一般用的的是基于文本的思维方式,即用点记法来访问和设置,如:document.all.id.value = “value”
那些不支持W3C DOM的浏览器,以及完全不支持DOM的浏
览器,支持的就是这种Web编程的思维方式(基于文本的Web编程)。
 
W3C的DOM标准出现之前,Micrsoft和Netscape的IE4和NS4都各有一套自己的DOM标准,所以在遵照WEB标准开发时,应该针对主要支持W3C的DOM标准的浏览器:
 Netscape 6.0+、Mozilla 0.9+
 IE/Win 5+、IE/Mac 5+
 Opera7+
 以及其它一些用户数量极少的浏览器
 
DOM标准(文档对象模型)的思维方式是基于DOM的WEB编程
在DOM看来,HTML文档的层次结构,被表示为树型结构。树的节点表示
文档中的各种内容
 
 
下面就说说WEB标准开发中的一些基本用法:
1. 获取某个控件(id=”control”):
Var element = Document.getElementById(“control”);
2.       如果上面的控件是个标签,获取他的内容:
Var text = element.childNodes[0];
3.       设置控件的属性:
a)       除了style、class以及事件响应属性外,其他的属性都可以如下设置:
Element.setAttribute(“readOnly”,”true”);
b)         设置class属性:
Element.setAttribute(“calssName”,”test”);
c)         设置事件响应属性:(attachEvent()是IE才支援的方法,而在Mozilla中就要用addEventListener()。)
Element.attachEvent(“onclick”,test); (不支持 IE5/Mac)
Element.addEventListener("eventType", listenerReference, captureFlag); (不支持 IE5/Mac)
(第一个参数是一个声明事件类型的字符串(不带"on"前缀),比如 clickmousedown,和 keypressaddEventListener() 方法的第二个参数可以和早些时候描述过的函数引用同样对待。第三个参数则是一个 Boolean 值,指明该结点是否以DOM中所谓的捕捉模式---综合起来称为事件的传播--最后由另一篇文章来描述。对于一个典型的事件侦听器来说,第三个参数应该为 false(假)。)来侦听事件。事件的捕捉和派发