document对象

编辑
文档创建者:印然 (67260 )     浏览次数:2209次     编辑次数:7次     最近更新:ukae 于 2018-08-15     

目录:

1. 概述编辑

每个载入浏览器的HTML 文档都会成为Document 对象。 Document 对象使我们可以从脚本中对HTML页面中的所有元素进行访问。
Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问

2. document对象的常用属性编辑

cookie设置或返回当前文档有关的所有cookie
title返回当前文档的标题
URL返回当前文档的URL

3. document对象的常用方法编辑

3.1 close()方法
close() 方法可关闭一个由 document.open 方法打开的输出流,并显示选定的数据。语法:
document.close()  
该方法将关闭 open() 方法打开的文档流,并强制地显示出所有缓存的输出内容。
如果您使用 write() 方法动态地输出一个文档,必须记住当你这么做的时候要调用 close() 方法,以确保所有文档内容都能显示。
一旦调用了 close(),就不应该再次调用 write(),因为这会隐式地调用 open() 来擦除当前文档并开始一个新的文档。
3.2 getElementByID()方法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。语法是
document.getElementById(id) 

222

参考完整代码如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function getValue() { var x=document.getElementById("myHeader") alert(x.innerHTML) } </script> </head> <body> <h1 id="myHeader" onclick="getValue()">这是标题</h1> <p>点击标题,会提示出它的值。</p> </body> </html> 
3.3 getElementByName()方法
getElementsByName() 方法可返回带有指定名称的对象的集合。
该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
3.4 getElementByTagName()
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。
如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。
传递给 getElementsByTagName() 方法的字符串可以不区分大小写。
3.5 write()方法
write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。 可列出多个参数(exp1,exp2,exp3,...) ,它们将按顺序被追加到文档中。
语法:
document.write(exp1,exp2,exp3,....)  
我们通常按照两种的方式使用 write() 方法:
一是在使用该方法在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。
第二种情况中,请务必使用 close() 方法来关闭文档。
示例:

222

参考代码如下:
<html> <body> <script type="text/javascript"> document.write("Hello World! ","Hello You! ","<p style='color:blue;'>Hello World!</p>") </script> </body> </html>

附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗? [ 去社区提问 ]