window -- document用于表现HTML页面当前窗体的内容
- document,中文"文档"
- 引用网址:http://www./javascript/window.document/
- document是BOM中最重要对象之一
- document对象是window对象的属性
- document对象包含一个节点对象,此对象包含每个单独页面的所有HTML元素,这就是W3C的DOM对象,我们将在DOM章节学习
document属性
- cookie -- 用户cookie
- title -- 当前页面title标签中定义的文字
- URL -- 当前页面的URL
下面内容的不建议使用
- alinkColor -- 代表HTML body标签的alink属性
- bgColor -- 代表HTML body标签的bgcolor属性
- fgColor -- 代表HTML body标签的text属性
- linkColor -- 代表HTML body标签的link属性
- vlinkColor -- 代表HTML body标签的vlink属性
- lastModified -- 页面最后修改的日期字符串,可以使用Date的构造函数转换为日期,例如:new Date(document.lastModified);
- referrer -- 浏览器history中后退一个位置的URL
由于document代表HTML文档的内容,因此可以通过它表示文档中加载的一些元素,这些元素全部通过集合访问。
- anchors -- 文档中所有锚(a name="aname")的集合
- applets -- 文档中所有applet标签表示的内容的集合
- embeds -- 文档中所有embed标签表示的内容的集合
- forms -- 文档中所有form标签表示的内容的集合
- images -- 文档中所有image标签表示的内容的集合
- links -- 文档中所有a(链接)标签表示的内容的集合
document函数
使用document索引页面内的元素
可以使用数字或名称索引页面中的元素集合,每个元素的属性都变成了集合中相应对象的属性。
示例
< form name = " form1 " >< a href = " http://www./xhtml/ " name = " a1 " > xhtml </ a ></ form >
< form name = " form2 " >< a href = " http://www./css/ " name = " a2 " > css </ a ></ form >
< form name = " form3 " >< a href = " http://www./javascript/ " name = " a3 " > javascript </ a ></ form >
< input type = " button " value = " 显示第二个表单的名称 " onclick = " alert(document.forms[1].name) " />
< input type = " button " value = " 显示第二个表单的名称第二种方法 " onclick = " alert(document.forms['form2'].name) " />
< input type = " button " value = " 显示第三个链接的名称 " onclick = " alert(document.links[2].name) " />
< input type = " button " value = " 显示第三个链接的名称第二种方法 " onclick = " alert(document.links['a3'].name) " />
< input type = " button " value = " 显示第三个链接href属性的值 " onclick = " alert(document.links[2].href) " />
表示第二个表单的方法:document.forms[1]或document.forms["form2"]
表示第三个链接的方法:document.links[2]或document.links["a3"]
表示第三个链接href属性的方法:document.links[2].href
JavaScript document 对象示例 -- 可以尝试编辑
?
|