JavaScript中的Document文档对象

发表于 2009-04-03 22:44 文章来源：互联网

Document文档对象是JavaScript中window和frames对象的一个属性,是显示于窗口或框架内的一个文档。描述当前窗口或指定窗口对象的文档。它包含了文档从到的内容。
用法：document （当前窗口）或 <窗口对象>.document （指定窗口）

属性：

document.title //设置文档标题等价于HTML的标签</p> <p>document.bgColor //设置页面背景色</p> <p>document.fgColor //设置前景色(文本颜色)</p> <p>document.linkColor //未点击过的链接颜色</p> <p>document.alinkColor //激活链接(焦点在此链接上)的颜色</p> <p>document.vlinkColor //已点击过的链接颜色</p> <p>document.URL //设置URL属性从而在同一窗口打开另一网页</p> <p>document.fileCreatedDate //文件建立日期，只读属性</p> <p>document.fileModifiedDate //文件修改日期，只读属性</p> <p>document.fileSize //文件大小，只读属性</p> <p>document.cookie //设置和读出cookie</p> <p>document.charset //设置字符集简体中文:gb2312</p> <p>cookie 关于 cookie 请参看“使用框架和 Cookies”一章。</p> <p>lastModified 当前文档的最后修改日期，是一个 Date 对象。</p> <p>referrer 如果当前文档是通过点击连接打开的，则 referrer 返回原来的 URL。</p> <p>title 指<head>标记里用定义的文字。在 Netscape 里本属性不接受赋值。</p> <p>fgColor 指<body>标记的 text 属性所表示的文本颜色。</p> <p>bgColor 指<body>标记的 bgcolor 属性所表示的背景颜色。</p> <p>linkColor 指<body>标记的 link 属性所表示的连接颜色。</p> <p>alinkColor 指<body>标记的 alink 属性所表示的活动连接颜色。</p> <p>vlinkColor 指<body>标记的 vlink 属性所表示的已访问连接颜色。</p> <p>方法：</p> <p>open() 打开文档以便 JavaScript 能向文档的当前位置（指插入 JavaScript 的位置）写入数据。通常不需要用这个方法，在需要的时候 JavaScript 自动调用。</p> <p>write(); writeln() 向文档写入数据，所写入的会当成标准文档 HTML 来处理。writeln() 与 write() 的不同点在于，writeln() 在写入数据以后会加一个换行。这个换行只是在 HTML 中换行，具体情况能不能够是显示出来的文字换行，要看插入 JavaScript 的位置而定。如在 <pre>标记中插入，这个换行也会体现在文档中。</p> <p>clear() 清空当前文档。</p> <p>close() 关闭文档，停止写入数据。如果用了 write[ln]() 或 clear() 方法，就一定要用 close() 方法来保证所做的更改能够显示出来。如果文档还没有完全读取，也就是说，JavaScript 是插在文档中的，那就不必使用该方法。</p> <p>现在我们已经拥有足够的知识来做以下这个很多网站都有的弹出式更新通知了。<br /> <script language="JavaScript"> var whatsNew = open('','_blank','top=50,left=50,width=200,height=300,' + 'menubar=no,toolbar=no,directories=no,location=no,' + 'status=no,resizable=no,scrollbars=yes'); whatsNew.document.write('<center><b>更新通知</b></center>'); whatsNew.document.write(' <p>最后更新日期：00.08.01'); whatsNew.document.write(' <p>00.08.01：增加了“我的最爱”栏目。'); whatsNew.document.write(' <p align="right">' + '<a href="javascript:self.close()">关闭窗口</a>'); whatsNew.document.close(); </script></p> <p>当然也可以先写好一个 HTML 文件，在 open() 方法中直接 load 这个文件。</p> <div align="center"> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <p>本文链接: <a href="http://www.52lamp.com.cn/detail/286.html" title="JavaScript中的Document文档对象">http://www.52lamp.com.cn/detail/286.html</a></p></div> <div class="navigation_single"> <div class="alignleft">上一篇 <a href="http://www.52lamp.com.cn/detail/283.html" rel="prev">JavaScript框架编程</a></div> <div class="alignright"><a href="http://www.52lamp.com.cn/detail/288.html" rel="next">JavaScript中的Location地址对象</a> 下一篇</div> </div> <div id="subrss">喜欢<a href="http://www.52lamp.com.cn">我爱LAMP – lamp开发程序交流学习平台</a>的文章，那就通过 <a href="http://www.52lamp.com.cn/feed">RSS Feed</a> 功能订阅阅读吧！</div> <div class="relran"> <div class="relran_cont"> <h3>相关文章</h3><ul class="related_post"><li><a href="http://www.52lamp.com.cn/detail/1159.html" title="JavaScript教程第九讲:Document文档对象">JavaScript教程第九讲:Document文档对象</a></li><li><a href="http://www.52lamp.com.cn/detail/288.html" title="JavaScript中的Location地址对象">JavaScript中的Location地址对象</a></li><li><a href="http://www.52lamp.com.cn/detail/85.html" title="Linux基本命令">Linux基本命令</a></li><li><a href="http://www.52lamp.com.cn/detail/83.html" title="MYSQL教程:查询优化之有效加载数据">MYSQL教程:查询优化之有效加载数据</a></li><li><a href="http://www.52lamp.com.cn/detail/81.html" title="MYSQL教程:服务器优化和硬件优化">MYSQL教程:服务器优化和硬件优化</a></li><li><a href="http://www.52lamp.com.cn/detail/79.html" title="MYSQL教程:MYSQL启动与退出以及链接故障恢复">MYSQL教程:MYSQL启动与退出以及链接故障恢复</a></li><li><a href="http://www.52lamp.com.cn/detail/77.html" title="MYSQL教程:MySQL的一些优化配置">MYSQL教程:MySQL的一些优化配置</a></li><li><a href="http://www.52lamp.com.cn/detail/75.html" title="MYSQL教程:运行多个MySQL服务器">MYSQL教程:运行多个MySQL服务器</a></li><li><a href="http://www.52lamp.com.cn/detail/73.html" title="MYSQL教程:检查数据表和修复数据表">MYSQL教程:检查数据表和修复数据表</a></li><li><a href="http://www.52lamp.com.cn/detail/71.html" title="MYSQL教程:使用备份恢复数据">MYSQL教程:使用备份恢复数据</a></li></ul> </div> <div class="relran_cont"> <h3>网友关注</h3> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>  </div> </div> </div> </div> </div> <div class="con_right"> <div class="topbar"> <ul> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>  </ul> <ul> <li> <h2>分类目录</h2> <ul> <li class="cat-item cat-item-8"><a href="http://www.52lamp.com.cn/category/ajax" title="ajax">Ajax</a> </li> <li class="cat-item cat-item-3"><a href="http://www.52lamp.com.cn/category/apache" title="Apache是世界使用排名第一的Web服务器软件。">Apache</a> </li> <li class="cat-item cat-item-7"><a href="http://www.52lamp.com.cn/category/javascript" title="Javascript">Javascript</a> </li> <li class="cat-item cat-item-1"><a href="http://www.52lamp.com.cn/category/lamp" title="LAMP是基于Linux，Apache，MySQL和PHP的开放资源网络开发平台">LAMP</a> </li> <li class="cat-item cat-item-4"><a href="http://www.52lamp.com.cn/category/linux" title="Linux是一套免费使用和自由传播的类Unix操作系统">Linux</a> </li> <li class="cat-item cat-item-5"><a href="http://www.52lamp.com.cn/category/mysql" title="MySQL是一个小型关系型数据库管理系统">Mysql</a> </li> <li class="cat-item cat-item-6"><a href="http://www.52lamp.com.cn/category/php" title="PHP，一个嵌套的缩写名称，是英文超级文本预处理语言（PHP:Hypertext Preprocessor）的缩写。">PHP</a> </li> <li class="cat-item cat-item-760"><a href="http://www.52lamp.com.cn/category/related" title="相关技术">相关文章</a> </li> <li class="cat-item cat-item-9"><a href="http://www.52lamp.com.cn/category/headline" title="网站头条">网站优化</a> </li> </ul> </li> <li> <h2>该分类最新文章</h2> <ul> <li><a href="http://www.52lamp.com.cn/detail/5916.html">javascript中的offsetX与layerX用法区别</a></li><li><a href="http://www.52lamp.com.cn/detail/5914.html">用javascript实现无提示自动关闭网页</a></li><li><a href="http://www.52lamp.com.cn/detail/5899.html">根据分辨率不同调用不同的css文件</a></li><li><a href="http://www.52lamp.com.cn/detail/5847.html">用JS将搜索的关键字高亮显示</a></li><li><a href="http://www.52lamp.com.cn/detail/5843.html">JavaScript教程:几种比较熟悉的编程习惯</a></li><li><a href="http://www.52lamp.com.cn/detail/5834.html">JS的location.href如何跳出框架打开新页面</a></li><li><a href="http://www.52lamp.com.cn/detail/5812.html">javascript实现input文本框只能输入中文的方法</a></li><li><a href="http://www.52lamp.com.cn/detail/5786.html">用js实现点击按钮复制本页标题(title)和url地址的方法</a></li><li><a href="http://www.52lamp.com.cn/detail/5780.html">用javascript实现关闭页面弹出添加到收藏夹的代码</a></li><li><a href="http://www.52lamp.com.cn/detail/5778.html">用javascript实现禁止input文本框输入全角字符及中文</a></li> </ul> </li> <li> <h2>最新文章</h2> <ul> <li><a href="http://www.52lamp.com.cn/detail/5934.html" title="网站排名靠前的9点建议">网站排名靠前的9点建议</a></li> <li><a href="http://www.52lamp.com.cn/detail/5931.html" title="CentOS+Nginx+PHP+MySQL环境配置">CentOS+Nginx+PHP+MySQL环境配置</a></li> <li><a href="http://www.52lamp.com.cn/detail/5929.html" title="PHP教程:$_SERVER的详细参数整理">PHP教程:$_SERVER的详细参数整理</a></li> <li><a href="http://www.52lamp.com.cn/detail/5926.html" title="用php处理百万级以上的数据提高查询速度的方法">用php处理百万级以上的数据提高查询速度的方法</a></li> <li><a href="http://www.52lamp.com.cn/detail/5924.html" title="PHP中10个不常见却非常有用的函数用法介绍">PHP中10个不常见却非常有用的函数用法介绍</a></li> <li><a href="http://www.52lamp.com.cn/detail/5922.html" title="php中利用header实现文件下载">php中利用header实现文件下载</a></li> <li><a href="http://www.52lamp.com.cn/detail/5919.html" title="linux下用phpize给PHP动态添加扩展模块">linux下用phpize给PHP动态添加扩展模块</a></li> <li><a href="http://www.52lamp.com.cn/detail/5916.html" title="javascript中的offsetX与layerX用法区别">javascript中的offsetX与layerX用法区别</a></li> <li><a href="http://www.52lamp.com.cn/detail/5914.html" title="用javascript实现无提示自动关闭网页">用javascript实现无提示自动关闭网页</a></li> <li><a href="http://www.52lamp.com.cn/detail/5912.html" title="用css实现左侧固定宽度右侧自适应宽度的网页布局">用css实现左侧固定宽度右侧自适应宽度的网页布局</a></li> </ul> </li> </ul> </div>  <div class="sidebar"> <ul> <li id="text-5" class="widget widget_text"><h2 class="widgettitle">在线手册</h2> <div class="textwidget"><ul> <li><a href="http://www.php100.com/manual/apache2/">Apache 手册</a></li> <li><a href="http://www.iselong.com/online/ebooks/javascript/">JavaScript 参考教程</a></li> <li><a href="http://dev.mysql.com/doc/refman/5.1/zh/index.html">MYSQL在线手册</a></li> <li><a href="http://www.php100.com/manual/php/">PHP在线手册</a></li> <li><a href="http://www.52css.com/css/">CSS在线手册</a></li> <li><a href="http://www.phpchina.com/manual/smarty/">Smarty在线手册</a></li> <li><a href="http://www.phpchina.com/download/handbook/ajax/ajax.html">Ajax基础教程</a></li> <li><a href="http://www.php100.com/manual/ZendFramework/">ZendFramework手册</a></li> <li><a href="http://www.php100.com/manual/unze.html">正则表达式手册</a></li> </ul></div> </li> </ul> </div> </div> <br clear="all" /> <div class="spacebox"></div> <div id="foot_copyright"> <p>Copyright © 2008-2010 <a href="http://www.52lamp.com.cn/" target="_blank">52lamp.com.cn</a> All rights reserved</p> <p>版权申明：本站文章部分来自网络，如有侵权，请联系sunliwhd@gmail.com ，我们收到后立即删除，谢谢！</p> <script type="text/javascript" src="http://js.tongji.linezing.com/1190695/tongji.js"></script><noscript><a href="http://www.linezing.com"><img src="http://img.tongji.linezing.com/1190695/tongji.gif"/></a></noscript></p> </div> </div> </div> </body> </html>

当前位置: 我爱LAMP > Javascript > 文章正文

JavaScript中的Document文档对象