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圆角插件
Oct 26 Javascript
让你的CSS像Jquery一样做筛选的实现方法
Jul 10 Javascript
图片无缝滚动代码(向左/向下/向上)
Apr 10 Javascript
jquery中validate与form插件提交的方式小结
Mar 26 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
微信小程序 this和that详解及简单实例
Feb 13 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
详解VUE中的插值( Interpolation)语法
Oct 18 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 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自定义apk安装包实例
2014/10/20 PHP
PHP安装memcached扩展笔记
2015/05/28 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
详解Laravel5.6 Passport实现Api接口认证
2018/07/27 PHP
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
2010/03/24 Javascript
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
js构造函数、索引数组和属性的实现方式和使用
2014/11/16 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
基于javascript实现样式清新图片轮播特效
2016/03/30 Javascript
NodeJS的Promise的用法解析
2016/05/05 NodeJs
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
2016/11/03 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
2017/08/14 Javascript
使用mint-ui实现省市区三级联动效果的示例代码
2018/02/09 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
解决vue的过渡动画无法正常实现问题
2019/10/31 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
2020/01/07 Javascript
Javascript var变量删除原理及实现
2020/08/26 Javascript
[16:56]教你分分钟做大人:司夜刺客
2014/10/30 DOTA
Python八皇后问题解答过程详解
2019/07/29 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
css3实现针线缝合效果(图解步骤)
2013/02/04 HTML / CSS
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
英国人最爱的饰品网站:Accessorize
2016/08/22 全球购物
物理专业大学生职业生涯规划书
2014/02/07 职场文书
通知函格式范文
2015/04/27 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书
《伯牙绝弦》教学反思
2016/02/16 职场文书
《小摄影师》教学反思
2016/02/18 职场文书
Python必备技巧之字符数据操作详解
2022/03/23 Python