document对象实际上是window对象的属性。因此alert(window.document==document)将返回true。
document对象的独特之处在于它既是BOM对象又是DOM对象。由于BOM没有可以指导实现的标准,因此每个浏览器实现的document都有不同。
document对象有许多集合,提供对载入的页面的各个部位的访问,具体如下:
集合 |
说明 |
anchors |
页面中所有锚的集合<a name="anchorname"></a>表示 |
applets |
页面中所有applet集合 |
embeds |
页面中所有嵌入对象集合<embed/>表示 |
forms |
页面所有表单集合 |
images |
页面所有图像集合 |
links |
页面所有链接集合<a href=""></a>表示
|
可以通过数字(数组下标)或者名字引用document对象的每个集合。document.images[0]与document.images["imagename"]都是合法的。见下面的例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<head>
<title></title>
<script type="text/javascript">
function testDocument() {
alert(document.links[0].href);
alert(document.images["imgHome"]);
alert(document.forms["frmSubscribe"]);
}
</script>
</head>
<body>
<p>Welcome to my <a href="home.html">Home</a>away from home</P>
<img src="home.jpg" align="right" name="imgHome"/>
<form method="post" action="accept.cgi" name="frmSubscribe">
<input type="text" name="textEmail"/>
<input type="submit" value="Subscribe" onclick="testDocument()"/>
</form>
</body>
</html>
此外,document对象还有write()和writeln()方法,接收一个参数,即要写入文档的字符串。这两个方法都会将文本插入调用它们的地方。
参考书:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。
分享到:
相关推荐
Javascript高级编程学习笔记27——BOM1window对象1.docx
前端学习(五)——Javascript学习笔记(三)对象.xmind
此资源为我跟着B站up主【遇见狂神说】java系列视频中前端入门部分学习过程中所写 大部分和视频保持一致,有一些自己的理解和一些扩展的部分
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...
《javascript》——event对象与事件
JavaScript-学习笔记
JavaScript基础
javascript入门学习笔记,绝对经典
前端学习——javascript学习笔记(二)函数
个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版
NULL 博文链接:https://zisefeiniao.iteye.com/blog/387035
JavaScript学习笔记JavaScript学习笔记
前端学习(六)——javascript学习笔记(四)HTML DOM.xmind
javascript的document对象
javascript高级技巧的应用——示例
document 对象.html-javascript中DOM对象内容
javascript 学习笔记
资源JavaScript 函数式编程精要 —— 签约作者安东尼知识分享
前端学习(三)——javaScript学习笔记(一)认识、数据类型、循环判断.xmind