JavaScript中的Document文档对象


Posted in Javascript onJanuary 16, 2008

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

属性:

document.title //设置文档标题等价于HTML的<title>标签

document.bgColor //设置页面背景色

document.fgColor //设置前景色(文本颜色)

document.linkColor //未点击过的链接颜色

document.alinkColor //激活链接(焦点在此链接上)的颜色

document.vlinkColor //已点击过的链接颜色

document.URL //设置URL属性从而在同一窗口打开另一网页

document.fileCreatedDate //文件建立日期,只读属性

document.fileModifiedDate //文件修改日期,只读属性

document.fileSize //文件大小,只读属性

document.cookie //设置和读出cookie

document.charset //设置字符集 简体中文:gb2312

cookie 关于 cookie 请参看“使用框架和 Cookies”一章。

lastModified 当前文档的最后修改日期,是一个 Date 对象。

referrer 如果当前文档是通过点击连接打开的,则 referrer 返回原来的 URL。

title 指<head>标记里用<title>...</title>定义的文字。在 Netscape 里本属性不接受赋值。

fgColor 指<body>标记的 text 属性所表示的文本颜色。

bgColor 指<body>标记的 bgcolor 属性所表示的背景颜色。

linkColor 指<body>标记的 link 属性所表示的连接颜色。

alinkColor 指<body>标记的 alink 属性所表示的活动连接颜色。

vlinkColor 指<body>标记的 vlink 属性所表示的已访问连接颜色。

方法:

open() 打开文档以便 JavaScript 能向文档的当前位置(指插入 JavaScript 的位置)写入数据。通常不需要用这个方法,在需要的时候 JavaScript 自动调用。

write(); writeln() 向文档写入数据,所写入的会当成标准文档 HTML 来处理。writeln() 与 write() 的不同点在于,writeln() 在写入数据以后会加一个换行。这个换行只是在 HTML 中换行,具体情况能不能够是显示出来的文字换行,要看插入 JavaScript 的位置而定。如在<pre>标记中插入,这个换行也会体现在文档中。

clear() 清空当前文档。

close() 关闭文档,停止写入数据。如果用了 write[ln]() 或 clear() 方法,就一定要用 close() 方法来保证所做的更改能够显示出来。如果文档还没有完全读取,也就是说,JavaScript 是插在文档中的,那就不必使用该方法。

现在我们已经拥有足够的知识来做以下这个很多网站都有的弹出式更新通知了。
<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>

当然也可以先写好一个 HTML 文件,在 open() 方法中直接 load 这个文件。

Javascript 相关文章推荐
jQuery 在光标定位的地方插入文字的插件
May 10 Javascript
js自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
JS网页图片按比例自适应缩放实现方法
Jan 15 Javascript
js控制input框只读实现示例
Jan 20 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
详解JavaScript正则表达式中的global属性的使用
Jun 16 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
详解vue.js下引入百度地图jsApi的两种方法
Jul 27 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
Sep 03 Javascript
JavaScript中的Location地址对象
Jan 16 #Javascript
JavaScript中的History历史对象
Jan 16 #Javascript
JavaScript中的Window窗口对象
Jan 16 #Javascript
JavaScript中的Screen屏幕对象
Jan 16 #Javascript
JavaScipt基本教程之JavaScript语言的基础
Jan 16 #Javascript
JavaScipt基本教程之前言
Jan 16 #Javascript
JavaScript中Math对象使用说明
Jan 16 #Javascript
You might like
php数组随机排序实现方法
2015/06/13 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
js 上传图片预览问题
2010/12/06 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
jQuery 在光标定位的地方插入文字的插件
2012/05/10 Javascript
JS实现切换标签页效果实例代码
2013/11/01 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
js模仿php中strtotime()与date()函数实现方法
2015/08/11 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
JS检测是否可以访问公网服务器功能代码
2017/06/19 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
nodejs+mongodb aggregate级联查询操作示例
2018/03/17 NodeJs
浅谈Postman解决token传参的问题
2018/03/31 Javascript
解决Vue-cli无法编译es6的问题
2020/10/30 Javascript
Python translator使用实例
2008/09/06 Python
详解Python使用simplejson模块解析JSON的方法
2016/03/24 Python
在Python中通过threading模块定义和调用线程的方法
2016/07/12 Python
Python基于回溯法子集树模板解决马踏棋盘问题示例
2017/09/11 Python
Python实现决策树C4.5算法的示例
2018/05/30 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
基于Python的PIL库学习详解
2019/05/10 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
Python集合操作方法详解
2020/02/09 Python
python speech模块的使用方法
2020/09/09 Python
python 6种方法实现单例模式
2020/12/15 Python
纯html5+css3下拉导航菜单实现代码
2013/03/18 HTML / CSS
任意存:BOXFUL
2018/05/21 全球购物
Maxpeedingrods美国:高性能汽车零件
2020/02/14 全球购物
幼儿园中班区域活动总结
2014/07/09 职场文书
家长学校教学计划
2015/01/19 职场文书
Python绘制散乱的点构成的图的方法
2022/04/21 Python