document对象中,并没有特别的事件,它所支持的都是通用的。
在document上讲解这些属性不具有典型性,但只要掌握了一个对象
在某个事件上的处理方式,也就自然的掌握了在其它对象上处理这个
事件。
对于document对象所支持的事件在这里就不赘述了。
下面说一下document对象属性:
1.forms数组对象:代表html文档中的所有form标签对的集合。
2.anchors数组对象:代表html文档中所有指定的name属性或id属性的a
标签对的集合。
3.links数组对象:代表html文档中所有指定的href属性的a标签对的集合。
4.images数组对象:代表html文档中所有指定的img标签对的集合。
5.scripts数组对象:代表html文档中所有指定的script标签对的集合。
6.applets数组对象:代表html文档中所有指定的applet标签对的集合,
applet是属于Java编程的一种专门技术,不属于Javascript的内容
7.all数组对象:所有的html标签集合。
8.styleSheets数组对象:所有的style、link标签、import引入的样式表
的集合。
9.body对象:代表body标签对,body标签中的子标签可以作为body对象的
属性来使用。
10.title对象:代表html文档中所有指定的title标签对的集合,我们可以
通过这个对象设置title标题的内容。
documents对象属性举例1:
先看一段html代码:
在checkall()方法里,我们会打开一个新的文档窗口,
显示上面各类html标签的统计信息:
运行效果:
all数组里一共有16个元素 HTML HEAD TITLE SCRIPT BODY A A IMG FORM INPUT A FORM INPUT BR INPUT A
links数组一共有2个元素
forms数组一共有2个元素
anchors数组一共有4个元素
在document上讲解这些属性不具有典型性,但只要掌握了一个对象
在某个事件上的处理方式,也就自然的掌握了在其它对象上处理这个
事件。
对于document对象所支持的事件在这里就不赘述了。
下面说一下document对象属性:
1.forms数组对象:代表html文档中的所有form标签对的集合。
2.anchors数组对象:代表html文档中所有指定的name属性或id属性的a
标签对的集合。
3.links数组对象:代表html文档中所有指定的href属性的a标签对的集合。
4.images数组对象:代表html文档中所有指定的img标签对的集合。
5.scripts数组对象:代表html文档中所有指定的script标签对的集合。
6.applets数组对象:代表html文档中所有指定的applet标签对的集合,
applet是属于Java编程的一种专门技术,不属于Javascript的内容
7.all数组对象:所有的html标签集合。
8.styleSheets数组对象:所有的style、link标签、import引入的样式表
的集合。
9.body对象:代表body标签对,body标签中的子标签可以作为body对象的
属性来使用。
10.title对象:代表html文档中所有指定的title标签对的集合,我们可以
通过这个对象设置title标题的内容。
documents对象属性举例1:
先看一段html代码:
<body onload="checkall()"> <a href="#mark" name="href1">to p1</a> <a href="#mark" name="href2">to p2</a> <img src="sample.gif" name="img1"> <form name="form1"> <input type=submit> </form> <a name="mark1">paragraph1 <form name="form2"> <input type=text name="user"><br> <input type=submit> </form> <a name="mark2">paragraph2 </body>
在checkall()方法里,我们会打开一个新的文档窗口,
显示上面各类html标签的统计信息:
<script language="javascript" name=script1> function checkall() { var owin=window.open("","_blank"); owin.document.write("<table border=1 width=400 style='FONT-SIZE:xx-small'>"+ "<caption>all数组里一共有"+document.all.length+"个元素</caption><tr>") for(var i=0;i<document.all.length;i++) { owin.document.write("<td>"+document.all[i].tagName+"</td>"); } owin.document.writeln("</tr></table>"); var objnames=["links","forms","anchors","scripts","images"]; for(var j=0;j<objnames.length;j++) { owin.document.write("<table border=1 width=400 style='FONT-SIZE:xx-small'>"+"<caption>"); eval('owin.document.write(objnames[j]+"数组一共有"+document.'+objnames[j]+'.length)'); owin.document.write("个元素</caption><tr>"); } var len=0; eval("lan=document."+objnames[j]+".length"); for(var i=0;i<len;i++) { eval('owin.document.wrtie("<td>"+document.'+objnames[j]+'[i].name+"</td>")'); } owin.document.writeln("</td></table>"); } </script>
运行效果:
all数组里一共有16个元素 HTML HEAD TITLE SCRIPT BODY A A IMG FORM INPUT A FORM INPUT BR INPUT A
links数组一共有2个元素
forms数组一共有2个元素
anchors数组一共有4个元素
scripts数组一共有1个元素
转载请注明出处:http://blog.csdn.net/acmman/article/details/47615311