【JavaScript】document对象属性

简介:
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代码:
<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

相关文章
|
16天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
20天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
25天前
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
|
20天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
25天前
|
监控 JavaScript 前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性,可以在不影响页面渲染的情况下异步加载脚本,并确保脚本的执行顺序。在实际应用中,需要根据具体情况选择合适的加载方式,并注意处理可能出现的问题,以确保页面能够正常加载和执行。
|
1月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
63 4
|
1月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
38 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
34 1
|
1月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
18 2
|
1月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
21 0