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 对象链式操作测试代码
Apr 25 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
Sep 15 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
使用jquery实现的循环连续可停顿滚动实例
Nov 23 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
Oct 16 Javascript
4个顶级JavaScript高级文本编辑器
Oct 10 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 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 mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
Firefox下提示illegal character并出现乱码的原因
2010/03/25 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
js 判断计算字符串长度/判断空的简单方法
2013/08/05 Javascript
CheckBoxList多选样式jquery、C#获取选择项
2013/09/06 Javascript
JS中getYear()和getFullYear()区别分析
2014/07/04 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
2015/08/21 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
vant实现购物车功能
2020/06/29 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
Python中使用items()方法返回字典元素对的教程
2015/05/21 Python
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
python 实现在txt指定行追加文本的方法
2018/04/29 Python
numpy中矩阵合并的实例
2018/06/15 Python
pytorch masked_fill报错的解决
2020/02/18 Python
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
世界各地的旅游、观光和活动:Isango!
2019/10/29 全球购物
优秀毕业生自荐信
2014/06/10 职场文书
计算机软件专业求职信
2014/06/10 职场文书
新闻报道策划方案
2014/06/11 职场文书
小学安全汇报材料
2014/08/14 职场文书
本溪关门山导游词
2015/02/09 职场文书
python实现三次密码验证的示例
2021/04/29 Python
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python
springboot+rabbitmq实现智能家居实例详解
2022/07/23 Java/Android