什么是document对象?

2016-07-11 14:46:00 4567 1 编辑:Monster 来源:相关书籍

document对象实际上又是window对象的子对象,document对象的独特之处是它既属于BOM又属于DOM。

从BUM角度看,document对象由一系列集合构成,这些集合可以访问文档的各个部分,并提供页面自身的信息。

document对象最初是用来处理页面文档的,但很多属性已经不推荐继续使用了。例如,改变页面的背景颜色(document.bgColor)、前景颜色(document.fgColor)和链接颜色(document.linkColor)等,因为这些可以使用DOM动态操纵CSS属性实现。如果一定要使用这些属性,应该把它们放在body部分,否则对Firefox浏览器无效。

由于BOM没有统一的标准,各种浏览器中的document对象特性并不完全相同,因此在使用document对象时需要特别注意,尽量要使用各类浏览器都支持的通用属性和方法。

1.获得页面的标题和最后修改时间

document对象的lastModified属性可以输出网页的最后更新时间;而它的title属性可以获取或更改页面的标题。

2.将所有超链接都设置为在新窗口打开

如果希望网页中所有的窗口自动在新窗口打开,除了通过网页头部的标记设置外,还可以通过设置document对象中links集合的href属性实现的。

3.改变超链接中原来的链接地址

在有些下载网站上,要求只有注册会员才能下载软件,会员单击下载软件的链接会转到下载页面,而其他浏览者单击该链接却是转到要求注册的页面。这可以通过改变超链接中原有链接地址的方式实现,把要求注册的链接写到href属性中,而如果发现是会员,就通过JavaScript改变该链接的地址为下载软件的页面。

当然,一般情况是通过服务器端脚本改变原来的链接地址,这样可防止用户查看源代码找到改变后的链接地址。但不管哪种方式,都是要通过document.links对象来实现的。

4.用document对象的集合属性访问HTML元素

document对象的集合属性能简便地访问网页中某些类型的元素,它是通过元素的name属性定位的,由于多个元素可以具有相同的name属性,因此这种方法访问得到的是一个元素的集合数组,可以通过添加数组下标的方式精确访问某一个元素。

5. document对象的write和writeln方法

document对象有很多方法,但大部分是操纵元素的,如document.getElementById ID)。这些在DOM中再介绍,这里只介绍最简单的用document动态输出文本的方法。

1) write和writeln方法的用法

write和writeln方法都接受一个字符串参数,在当前HTML文档中输出字符串,唯一的区别是writeln方法会在字符串末尾加一个换行符(\n)。但是writeln只是在HTML代码中添加一个换行符,由于浏览器会忽略代码中的换行符,因此以下两种方式都不会使内容在浏览器中产生换行。

docnment.write(”这是第一行”+"\n");

doaument.writeln("这是第一行”);    //等效于上一行的代码

要在浏览器中换行,只能再输出一个换行标记

,即:

 document.wrte ("这是第一行"+"

");

2)用document.write方法动态引入外部js文件

如果要动态引入一个js文件,即根据条件判断,通过document.write输出元素,则必须这样写才对:

if (prompt("是否链接外部脚本(1表示是)","")==1)

document.write("”十”");

注意:要将分成两部分,因为JavaScript脚本是写在 标记对中的,如果浏览器遇到就会认为这段脚本在这里就结束了,而忽略后面的脚本代码。


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通