JavaScript程序设计(九)——文档对象
十一、document对象
document对象,代表整个 HTML 文档,用来访问页面中的所有元素。
1、document 对象的属性
- lastModified 返回文档被最后修改的日期和时间。
- referrer 返回载入当前文档的文档的 URL。如果当前文档不是通过链接访问的,则为 null。
- title 返回当前文档的标题。
- URL 返回当前文档的 URL。
例,在标题栏和状态栏显示滚动信息:
<html> <head> <title>javascript示例</title> <style type="text/css"> </style> <script> var i = 0; var a = ["Javascript", "HTML", "CSS", "jQuery"]; function show(){ if(i==a.length) i = 0; document.title = a[i]; document.status = a[i]; i++; } window.setInterval("show()", 2000); </script> </head> <body> </body> </html>
"Javascript", "HTML", "CSS", "jQuery"将在标题处按顺序轮流滚动:
![图片说明](https://uploadfiles.nowcoder.com/images/20200611/171901592_1591882346761_91B3270C91B92E881749AEB70DE9AEA2 "图片标题")
![图片说明](https://uploadfiles.nowcoder.com/images/20200611/171901592_1591882293574_C69166A88F7CBB98219D5A78694BB42E "图片标题")
![图片说明](https://uploadfiles.nowcoder.com/images/20200611/171901592_1591882335582_C883BAA64BABE460BE30ACF26930A8B4 "图片标题")
![图片说明](https://uploadfiles.nowcoder.com/images/20200611/171901592_1591882354215_E1116E51DA551DE661D12428FBAAB465 "图片标题")
2、document 对象的方法
- getElementById() 返回对拥有指定 id 的第一个对象的引用。
- getElementsByName() 返回带有指定名称的对象集合。
- getElementsByTagName() 返回带有指定标签名的对象集合。
- write() 向文档写 HTML 表达式 或 JavaScript 代码。
- writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。
例,Hello World! :
<html> <body> <script> document.write("Hello World!"); </script> </body> </html>
3、document 对象的子对象
- all[]——提供对文档中所有 HTML 元素的访问。
- anchors[]——返回对文档中所有 Anchor 对象的引用。
- forms[]——返回对文档中所有 Form 对象引用。
- images[]——返回对文档中所有 Image 对象引用。
- links[]——返回对文档中所有 Area 和 Link 对象引用。