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 相关文章推荐
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 03 Javascript
jQuery.clean使用方法及思路分析
Jan 07 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
javascript操作ul中li的方法
May 14 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
Sep 11 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
浅谈webpack SplitChunksPlugin实用指南
Sep 17 Javascript
vue实现双向绑定和依赖收集遇到的坑
Nov 29 Javascript
vue子传父关于.sync与$emit的实现
Nov 05 Javascript
React 条件渲染最佳实践小结(7种)
Sep 27 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 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操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
php简单分页类实现方法
2015/02/26 PHP
PHP下载文件的函数实例代码
2016/05/18 PHP
php组合排序简单实现方法
2016/10/15 PHP
php json转换相关知识(小结)
2018/12/21 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
2017/07/11 Javascript
cnpm加速Angular项目创建的方法
2018/09/07 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
vue在图片上传的时候压缩图片
2020/11/18 Vue.js
[06:04]DOTA2英雄梦之声Vol19卓尔游侠
2014/06/20 DOTA
Python中使用摄像头实现简单的延时摄影技术
2015/03/27 Python
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
Python使用requests发送POST请求实例代码
2018/01/25 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
Python 中包/模块的 `import` 操作代码
2019/04/22 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
解决tensorflow读取本地MNITS_data失败的原因
2020/06/22 Python
python3.5的包存放的具体路径
2020/08/16 Python
CSS3 实用技巧:实现黑白图像效果示例代码
2013/07/11 HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
静态成员和非静态成员的区别
2012/05/12 面试题
大型晚会策划方案
2014/02/06 职场文书
班风口号
2014/06/18 职场文书
公司慰问信范文
2015/03/23 职场文书
手把手教你制定暑期学习计划,让你度过充实的暑假
2019/08/22 职场文书
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL
我对PyTorch dataloader里的shuffle=True的理解
2021/05/20 Python
如何使用Python提取Chrome浏览器保存的密码
2021/06/09 Python
解决vue中provide inject的响应式监听
2022/04/19 Vue.js
Nginx 502 bad gateway错误解决的九种方案及原因
2022/08/14 Servers