JavaScript入门教程(9) Document文档对象


Posted in Javascript onJanuary 31, 2009

描述当前窗口或指定窗口对象的文档。它包含了文档从<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中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
JavaScript中的数组操作介绍
Dec 30 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
JavaScript DOM进阶方法
Apr 13 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
Aug 24 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
Sep 23 Javascript
一次围绕setTimeout的前端面试经验分享
Jun 15 Javascript
vue中mint-ui的使用方法
Apr 04 Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 Javascript
vue-router之实现导航切换过渡动画效果
Oct 31 Javascript
vue 移动端记录页面浏览位置的方法
Mar 11 Javascript
JavaScript入门教程(8) Location地址对象
Jan 31 #Javascript
JavaScript入门教程(7) History历史对象
Jan 31 #Javascript
JavaScript入门教程(6) Window窗口对象
Jan 31 #Javascript
JavaScript入门教程(5) js Screen屏幕对象
Jan 31 #Javascript
JavaScript入门教程(3) js面向对象
Jan 31 #Javascript
JavaScript入门教程(2) JS基础知识
Jan 31 #Javascript
JavaScript入门教程(1) 什么是JS
Jan 31 #Javascript
You might like
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
php preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
PHP CURL 多线程操作代码实例
2015/05/13 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
js带缩略图的图片轮播效果代码分享
2015/09/14 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
js控制文本框禁止输入特殊字符详解
2017/04/07 Javascript
微信小程序 实例开发总结
2017/04/26 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
详解使用React进行组件库开发
2018/02/06 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
2018/06/27 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
2020/09/21 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
基于Python列表解析(列表推导式)
2018/06/23 Python
浅谈flask源码之请求过程
2018/07/26 Python
Python从ZabbixAPI获取信息及实现Zabbix-API 监控的方法
2018/09/17 Python
学习python分支结构
2019/05/17 Python
关于pytorch多GPU训练实例与性能对比分析
2019/08/19 Python
自定义django admin model表单提交的例子
2019/08/23 Python
Python操控mysql批量插入数据的实现方法
2020/10/27 Python
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2014/07/21 面试题
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
十八大观后感
2015/06/12 职场文书
同事欢送会致辞
2015/07/31 职场文书
vue中data改变后让视图同步更新的方法
2021/03/29 Vue.js
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android
如何利用Python实现n*n螺旋矩阵
2022/01/18 Python
排查Tomcat进程假死的问题
2022/05/06 Servers