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作用域你想知道的一切
Feb 04 Javascript
基于javascript编写简单日历
May 02 Javascript
微信小程序-小说阅读小程序实例(demo)
Jan 12 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
JavaScript实现树的遍历算法示例【广度优先与深度优先】
Oct 26 Javascript
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
JS无限级导航菜单实现方法
Jan 05 Javascript
vue项目中使用scss的方法步骤
May 16 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
Sep 03 Javascript
详解JS预解析原理
Jun 16 Javascript
html5调用摄像头截图功能
Jan 18 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 正则表达式的学习探讨
2013/06/06 PHP
简单了解将WordPress中的工具栏移到底部的小技巧
2015/12/31 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
PHP count_chars()函数讲解
2019/02/14 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
js之WEB开发调试利器:Firebug 下载
2007/01/13 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
JS自定义选项卡函数及用法实例分析
2015/09/02 Javascript
实例讲解jquery与json的结合
2016/01/07 Javascript
js实现图片360度旋转
2017/01/22 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
vue学习笔记之v-if和v-show的区别
2017/09/20 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
element-ui 表格实现单元格可编辑的示例
2018/02/26 Javascript
JS实现小星星特效
2019/12/24 Javascript
微信小程序实现多行文字滚动
2020/11/18 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
python使用cPickle模块序列化实例
2014/09/25 Python
python图片验证码生成代码
2016/07/02 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
使用HTML5做个画图板的方法介绍
2013/05/03 HTML / CSS
解释DataSet(ds) 和 ds as DataSet 的含义
2014/07/27 面试题
技术总监个人的自我评价范文
2013/12/18 职场文书
大学学风建设方案
2014/05/04 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
开展批评与自我批评发言稿
2014/10/16 职场文书
员工2014年度工作总结
2014/12/09 职场文书
PHP新手指南
2021/04/01 PHP
python如何获取网络数据
2021/04/11 Python
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL
python模板入门教程之flask Jinja
2022/04/11 Python
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle