【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

时间: 2025-01-21 13:20:46

【JavaScript】document对象属性的相关文章

javascript document对象内容集合详解

document 文挡对象 - JavaScript脚本语言描述 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 "引用的元素为空或者不是对象"  代码如下 复制代码 对象属性 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色

浅析JavaScript访问对象属性和方法及区别_javascript技巧

属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸.跳跃等. 在JavaScript中通常使用"."运算符来存取对象的属性的值.或者使用[]作为一个关联数组来存取对象的属性. 对象的属性和方法统称为对象的成员. 访问对象的属性 在JavaScript中,可以使用" . "和" [ ] "来访问对象的属性. 1. 使用" . "来访问对象属性 语法:     objec

javascript window对象属性整理_基础知识

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture

javascript RegExp 对象属性与方法和应用

JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能,每一条正则表达式模式对应一个RegExp实例.有两种方式可以创建RegExp对象的实例. 使用RegExp的显式构造函数,语法为:new RegExp("pattern"[,"flags"]). 使用RegExp的隐式构造函数,采用纯文本格式:/pattern/[flags]. pattern部分为要使用的正则表达式模式文本,是必须的.在第一种方式中,pattern部分以JavaScri

JavaScript中对象属性的添加和删除示例_javascript技巧

复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 用.为对象添加属性 用关键字delete删除属性 用[]添加属性 和.的不同 r.name==r["name

【JavaScript】document对象_Cookie属性

Cookie是什么? 借助document的cookie属性,Javascript程序就可 以实现与www服务器一样的cookie功能,即获取当前的 cookie信息和产生一个新的cookie. 一个浏览器访问www服务器的每个网页文件,都是独立的, 每个网页的javascript程序之间的信息也不能共享.即使 是同一个网页的上一次访问和下一次访问之间也无法传递 数据.同一张网页的两次访问,对浏览器和服务器来说, 都是两个完全不同的实体.就好像按照同一个图纸制造出 的两辆汽车一样,各跑各的,没有

JavaScript[对象.属性]集锦之一

javascript|对象 SCRIPT 标记 用于包含javascript代码. 语法 属性 LANGUAGE 定义脚本语言 SRC 定义一个URL用以指定以.JS结尾的文件 windows对象 每个HTML文档的顶层对象. 属性 frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. feames.length 子桢个数. self 当前窗口. parent 父窗口(当前窗口是中一个子窗口). top 顶层窗口(是所有可见窗口的父窗口). status 浏览器状态窗口上的消息.

JavaScript[对象.属性]集锦

javascript|对象 SCRIPT 标记? 用于包含JavaScript代码.? 属性? LANGUAGE 定义脚本语言? SRC 定义一个URL用以指定以.JS结尾的文件? windows对象? 每个HTML文档的顶层对象.? 属性? frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放.? feames.length 子桢个数.? self 当前窗口.? parent 父窗口(当前窗口是中一个子窗口).? top 顶层窗口(是所有可见窗口的父窗口).? status 浏览器

JavaScript的document对象详解

javascript|对象|详解 1.对象属性document.title //设置文档标题等价于HTML的<title>标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlinkColor //已点击过的链接颜色document.URL //设置URL属性从而在同一窗口打开