javascript第十一讲：文档对象.pptVIP

1-* 北京源智天下科技有限公司 联系方式： 联系方式： 北京源智天下科技有限公司 第十一讲：文档对象 讲师：杨兴 e-mail:jtclass@163.com / 课程内容安排 文档对象概述 文档对象的应用 图像对象 链接对象 锚对象 文档对象概述 文档对象 文档对象即document对象，为操作HTML文档提供接口，拥有大量的属性和方法，它有大量的子级对象，例如图像对象、超级接对象、表单对象等等 。 不需要手工创建，在文档初时化时就已经由系统内部创建。直接调用其方法或属性即可。 调用语法如下 ： 01 document.location=’’; //设置链接 02 document.lastModfied; //查看文档最后修改时间 文档对象概述 引用标签中的值 在前面的章节中，要引用表中文本框的值，所用的方法是访问文本框的value属性。而在document对象中则不必要用这种方法了，可以使用getElementById方法，他的功能比前面那种更强，是通过标签的id来访问标签中的值 。 01 script type=text/JavaScript //javascrip开始 02 function getValue() //取得特定的元素的值 03 { 04 var x=document.getElementById(myHeader); //取得id值为myHeader的标签的值 05 // innerHTML获得从对象的起始位置到终止位置的全部内容,包括Html标签 07 alert(x.innerHTML); //输出信息 08 } /script 10 h1 id=myHeader onclick=getValue()单击这里/h1 文档对象概述 引用文档中对象的方法。 既然文档中有对象，自然地就会去想象究竟应该怎样去引用这些对象引用这些对象的方法如下所示 ： document.forms[0] document.forms[1] 一般地，文档中的form标记确定了文档中文档对象的顺序，这种引用对象的方法就是引用表单的一种方法，因此可以使用表单名来引用。如果页面中只有一个表单，则使用下面这两种方法都可以。 document.entryForm.entry.value document.forms[0].entry.value 文档对象的应用 文档信息 浏览器中的每一个HTML文档都包含最后修改日期、标题、url地址等信息，于是document对象中也有相应的属性保存这些信息。通过读取lastModified、title和url即可获得，在HTML文件的最下方输出这些信息，可以方便用户查看文档是否已经更新，也可以根据这些信息来确定是否需要重新打印文档。 下面来看一个实例。 文档对象的应用 文档对象的应用 document对象的title属性与window的setInterval方法相结合，可以让在浏览器窗口显示动态标题，也就是可以在标题栏里实现信息的滚动 。见如下实例。 文档对象的应用 盗链就是自己网站上的链接的目标不在自己的服务器上，而在别人的服务器上，也就是使用别人的资源的一种行为。 具体操作见下面的例子。 03 var frontURL = document.referrer; //上一个文档的URL 04 var host=location.hostname; //当前主机域名 05 if(frontURL !=) //判断上一文档地址是否为空 06 { 07 var frontHost=frontURL.substring(7,host.length+7) //取得上一文档的域名 08 if(host==frontHost) //判断两个文档的域名是否一致 09 { 10 alert(没有盗链！) //域名一致提示用户访问合法 11 } 12 else 13 { 14 alert(您是非法链接，请通过本部访问) //域名不一致提示用户访问非法 15 } 16 } 17 else 18 { 19 alert(您是直接打开该文档的，没有盗链) //用户直接打开的文档 20 } 文档对象的应用 在网页中输出内容 在网页中输出内容的方法有多种，可以简单地输出文字，也可以将多个字符串连接后输出。一般使用write方法和writeln方法。但要注意write方法和writeln方法的区别和使用write方法和writeln方法的注意事项。 在其他文档中输出内容 使用document对象的write方法和writeln方法除了可以在当前文