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 对象引用。
全部评论

相关推荐

11-14 16:13
已编辑
重庆科技大学 测试工程师
Amazarashi66:不进帖子我都知道🐮❤️网什么含金量
点赞 评论 收藏
分享
点赞 收藏 评论
分享
牛客网
牛客企业服务