JavaScript入門教程(9) Document文檔對(duì)象

2019-11-21 01:28:58

字體：大中小

供稿：網(wǎng)友

描述當(dāng)前窗口或指定窗口對(duì)象的文檔。它包含了文檔從<head>到</body>的內(nèi)容。
用法：document （當(dāng)前窗口）或 <窗口對(duì)象>.document （指定窗口）
屬性：
document.title //設(shè)置文檔標(biāo)題等價(jià)于HTML的<title>標(biāo)簽
document.bgColor //設(shè)置頁(yè)面背景色
document.fgColor //設(shè)置前景色(文本顏色)
document.linkColor //未點(diǎn)擊過(guò)的鏈接顏色
document.alinkColor //激活鏈接(焦點(diǎn)在此鏈接上)的顏色
document.vlinkColor //已點(diǎn)擊過(guò)的鏈接顏色
document.URL //設(shè)置URL屬性從而在同一窗口打開另一網(wǎng)頁(yè)
document.fileCreatedDate //文件建立日期，只讀屬性
document.fileModifiedDate //文件修改日期，只讀屬性
document.fileSize //文件大小，只讀屬性
document.cookie //設(shè)置和讀出cookie
document.charset //設(shè)置字符集簡(jiǎn)體中文:gb2312
cookie 關(guān)于 cookie 請(qǐng)參看“使用框架和 Cookies”一章。
lastModified 當(dāng)前文檔的最后修改日期，是一個(gè) Date 對(duì)象。
referrer 如果當(dāng)前文檔是通過(guò)點(diǎn)擊連接打開的，則 referrer 返回原來(lái)的 URL。
title 指<head>標(biāo)記里用<title>...</title>定義的文字。在 Netscape 里本屬性不接受賦值。
fgColor 指<body>標(biāo)記的 text 屬性所表示的文本顏色。
bgColor 指<body>標(biāo)記的 bgcolor 屬性所表示的背景顏色。
linkColor 指<body>標(biāo)記的 link 屬性所表示的連接顏色。
alinkColor 指<body>標(biāo)記的 alink 屬性所表示的活動(dòng)連接顏色。
vlinkColor 指<body>標(biāo)記的 vlink 屬性所表示的已訪問(wèn)連接顏色。
方法：
open() 打開文檔以便 JavaScript 能向文檔的當(dāng)前位置（指插入 JavaScript 的位置）寫入數(shù)據(jù)。通常不需要用這個(gè)方法，在需要的時(shí)候 JavaScript 自動(dòng)調(diào)用。
write(); writeln() 向文檔寫入數(shù)據(jù)，所寫入的會(huì)當(dāng)成標(biāo)準(zhǔn)文檔 HTML 來(lái)處理。writeln() 與 write() 的不同點(diǎn)在于，writeln() 在寫入數(shù)據(jù)以后會(huì)加一個(gè)換行。這個(gè)換行只是在 HTML 中換行，具體情況能不能夠是顯示出來(lái)的文字換行，要看插入 JavaScript 的位置而定。如在<pre>標(biāo)記中插入，這個(gè)換行也會(huì)體現(xiàn)在文檔中。
clear() 清空當(dāng)前文檔。
close() 關(guān)閉文檔，停止寫入數(shù)據(jù)。如果用了 write[ln]() 或 clear() 方法，就一定要用 close() 方法來(lái)保證所做的更改能夠顯示出來(lái)。如果文檔還沒(méi)有完全讀取，也就是說(shuō)，JavaScript 是插在文檔中的，那就不必使用該方法。
現(xiàn)在我們已經(jīng)擁有足夠的知識(shí)來(lái)做以下這個(gè)很多網(wǎng)站都有的彈出式更新通知了。

復(fù)制代碼代碼如下:

<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()">關(guān)閉窗口</a>'); 
whatsNew.document.close(); 
</script> 

當(dāng)然也可以先寫好一個(gè) HTML 文件，在 open() 方法中直接 load 這個(gè)文件。

上一篇：JavaScript入門教程(10) 認(rèn)識(shí)其他對(duì)象

下一篇：JavaScript入門教程(8) Location地址對(duì)象