Javascript学习--------文档对象(document)
2014-07-04 23:04
711 查看
文档对象(document)概述:
代表浏览器窗口中的文档,该对象是window对象的子对象。
(由于window对象是DOM对象模型中的默认对象,
所以window对象中的方法和子对象不需要使用window来引用)
通过document可以访问HTML文档中包含的任何HTML标记,并可以动态的改变HTML标记中的内容。
document 对象的集合
注1:all[] 已经被 Document 接口的标准的 getElementById() 方法和 getElementsByTagName() 方法以及 Document 对象的 getElementsByName() 方法所取代。
注2:返回文档中的链接数目 :document.anchors.length
选择第i个链接 :document.anchors[i]
注3:images[]:为了与 0 级 DOM 兼容,该集合不包括由 <object> 标记定义的图像。
document 对象的属性
document 对象的方法
open()语法:
document.open([mimetype],[replace])
用法 :
用open()打开一个文档,
write()或writeln()来写文档,
close()关闭文档
示例:
拓展:动态添加一个HTML标记
方法:document.creatElement(sName);
示例:
代表浏览器窗口中的文档,该对象是window对象的子对象。
(由于window对象是DOM对象模型中的默认对象,
所以window对象中的方法和子对象不需要使用window来引用)
通过document可以访问HTML文档中包含的任何HTML标记,并可以动态的改变HTML标记中的内容。
document 对象的集合
集合 | 描述 |
---|---|
all[] | 提供对文档中所有 HTML 元素的访问。 |
anchors[] | 返回对文档中所有 Anchor 对象(即链接对象:a)的引用。 |
applets | 返回对文档中所有 Applet 对象的引用。 |
forms[] | 返回对文档中所有 Form 对象引用。 |
images[] | 返回对文档中所有 Image 对象引用。 |
links[] | 返回对文档中所有 Area 和 Link 对象引用。 |
注2:返回文档中的链接数目 :document.anchors.length
选择第i个链接 :document.anchors[i]
注3:images[]:为了与 0 级 DOM 兼容,该集合不包括由 <object> 标记定义的图像。
document 对象的属性
属性 | 描述 |
---|---|
body | 提供对 <body> 元素的直接访问。对于定义了框架集的文档,该属性引用最外层的 <frameset>。 |
cookie | 设置或返回与当前文档有关的所有 cookie。 |
domain | 返回当前文档的域名。 |
lastModified | 返回文档被最后修改的日期和时间。 |
referrer | 返回载入当前文档的文档的 URL。 |
title | 返回当前文档的标题。 |
URL | 返回当前文档的 URL。 |
方法 | 描述 |
---|---|
close() | 关闭用 document.open() 方法打开的输出流,并显示选定的数据。 |
getElementById() | 返回对拥有指定 id 的第一个对象的引用。 |
getElementsByName() | 返回带有指定名称的对象集合。 |
getElementsByTagName() | 返回带有指定标签名的对象集合。 |
open() | 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。 |
write() | 向文档写 HTML 表达式 或 JavaScript 代码。 |
writeln() | 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。 |
document.open([mimetype],[replace])
参数 | 描述 |
---|---|
mimetype | 可选。规定正在写的文档的类型。默认值是 "text/html"。 |
replace | 可选。当此参数设置后,可引起新文档从父文档继承历史条目。 |
用open()打开一个文档,
write()或writeln()来写文档,
close()关闭文档
示例:
<html> <head> <script type="text/javascript"> function createNewDoc() { var newDoc=document.open("text/html","replace"); var txt="<html><body>学习非常有趣!</body></html>"; newDoc.write(txt); newDoc.close(); } </script> </head> <body> <input type="button" value="打开并写入一个新文档" onclick="createNewDoc()"> </body> </html>
拓展:动态添加一个HTML标记
方法:document.creatElement(sName);
示例:
//动态创建一个HTML元素 function createButton(){ var btn = document.createElement("input"); btn.type = "button"; btn.value = "new button"; document.creatform.appendChild(btn); }
相关文章推荐
- 学习笔记:javascript 文档对象(document)
- 文档对象document-javascript
- JavaScript中的Document文档对象
- 学习笔记之Document Object Model(1)——如何使用document获得文档元素(element对象)
- document 文档对象详解(JavaScript脚本语言描述)
- JavaScript学习笔记——DOM_对document对象的内容、属性、样式的操作
- JavaScript笔记03——文档对象模型(Document Object Model,简称DOM):获取HTML元素、操作HTML元素
- DOM(Document Object Module,文档对象模型)为JavaScript提供完整,全面控制网页结构与内容的对象
- JavaScript中的Document文档对象
- javaScript学习之路:document对象
- Sharepoint学习笔记—ECMAScript对象模型系列-- 12、通过邮件发送带有Unique DocumentID的文档链接
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第29讲_二维数组转置_js面向对象编程介绍 类(原型对象)和对象_学习笔记_源代码图解_PPT文档整理
- JavaScript中的Document文档对象
- JavaScript中的Document文档对象
- JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
- javascript对文档对象模型DOM的基本操作学习笔记
- JavaScript权威设计--JavaScript脚本化文档Document与CSS(简要学习笔记十五)
- javaScript学习之HTML DOM Document对象
- JavaScript学习之三JavaScript浏览器对象模型详解----document对象
- javascript学习笔记之document对象、表单及表单元素、脚本化cookie