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插件开发之图片放大镜效果(仿淘宝)
Nov 19 Javascript
通过length属性判断jquery对象是否存在
Oct 18 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
js实现类似新浪微博首页内容渐显效果的方法
Apr 10 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 Javascript
bootstrap实现每隔5秒自动轮播效果
Dec 20 Javascript
微信小程序 checkbox使用实例解析
Sep 09 Javascript
vue 自定义右键样式的实例代码
Nov 06 Javascript
JS+DIV实现拖动效果
Feb 11 Javascript
JS数组转字符串实现方法解析
Sep 04 Javascript
微信小程序组件生命周期的踩坑记录
Mar 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
在IIS上安装PHP4.0正式版
2006/10/09 PHP
PHP函数篇详解十进制、二进制、八进制和十六进制转换函数说明
2011/12/05 PHP
php数值转换时间及时间转换数值用法示例
2017/05/18 PHP
javascript学习网址备忘
2007/05/29 Javascript
js Flash插入函数免激活代码
2009/03/31 Javascript
prettify 代码高亮着色器google出品
2010/12/28 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
js正则表达式的使用详解
2013/07/09 Javascript
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
Javascript弹出窗口的各种方法总结
2013/11/11 Javascript
select多选 multiple的使用示例
2014/06/16 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
jQuery Ajax File Upload实例源码
2016/12/12 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
2016/12/23 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
websocket4.0+typescript 实现热更新的方法
2019/08/14 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
python3中str(字符串)的使用教程
2017/03/23 Python
轻松实现TensorFlow微信跳一跳的AI
2018/01/05 Python
使用Python将Mysql的查询数据导出到文件的方法
2019/02/25 Python
django2.2安装错误最全的解决方案(小结)
2019/09/24 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
Bergfreunde丹麦:登山装备网上零售商
2017/02/26 全球购物
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
自主实习接收函
2014/01/13 职场文书
运动会通讯稿500字
2014/02/20 职场文书
法人授权委托书范本
2014/04/04 职场文书
管理建议书范文
2014/05/13 职场文书
监督检查工作方案
2014/05/28 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
Javascript的promise,async和await的区别详解
2022/03/24 Javascript