JavaScript中的Document文档对象

金牛奔跑小哥

金牛奔跑小哥

2016-02-19 08:57

下面图老师小编要跟大家分享JavaScript中的Document文档对象,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!
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('centerb更新通知/b/center');
whatsNew.document.write('p最后更新日期:00.08.01');
whatsNew.document.write('p00.08.01:增加了“我的最爱”栏目。');
whatsNew.document.write('p align="right"' +
                'a href="javascript:self.close()"关闭窗口/a');
whatsNew.document.close();
/script

当然也可以先写好一个 HTML 文件,在 open() 方法中直接 load 这个文件。
展开更多 50%)
分享

猜你喜欢

JavaScript中的Document文档对象

Web开发
JavaScript中的Document文档对象

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

Web开发
JavaScript入门教程(9):Document文档对象

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript的document和window对象详解

Web开发
JavaScript的document和window对象详解

Javascript文档及其关联对象

Web开发
Javascript文档及其关联对象

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript中的Function对象

Web开发
JavaScript中的Function对象

JavaScript中的其他对象

Web开发
JavaScript中的其他对象

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

php 中include()与require()的对比

php 中include()与require()的对比

java中sdk与jdk的区别详细解析

java中sdk与jdk的区别详细解析
下拉加载更多内容 ↓