JavaScript入門教程(9) Document文檔對象
更新時(shí)間:2009年01月31日 23:38:48 作者:
Document文檔對象是JavaScript中window和frames對象的一個(gè)屬性,是顯示于窗口或框架內(nèi)的一個(gè)文檔。
描述當(dāng)前窗口或指定窗口對象的文檔。它包含了文檔從<head>到</body>的內(nèi)容。
用法:document (當(dāng)前窗口) 或 <窗口對象>.document (指定窗口)
屬性:
document.title //設(shè)置文檔標(biāo)題等價(jià)于HTML的<title>標(biāo)簽
document.bgColor //設(shè)置頁面背景色
document.fgColor //設(shè)置前景色(文本顏色)
document.linkColor //未點(diǎn)擊過的鏈接顏色
document.alinkColor //激活鏈接(焦點(diǎn)在此鏈接上)的顏色
document.vlinkColor //已點(diǎn)擊過的鏈接顏色
document.URL //設(shè)置URL屬性從而在同一窗口打開另一網(wǎng)頁
document.fileCreatedDate //文件建立日期,只讀屬性
document.fileModifiedDate //文件修改日期,只讀屬性
document.fileSize //文件大小,只讀屬性
document.cookie //設(shè)置和讀出cookie
document.charset //設(shè)置字符集 簡體中文:gb2312
cookie 關(guān)于 cookie 請參看“使用框架和 Cookies”一章。
lastModified 當(dāng)前文檔的最后修改日期,是一個(gè) Date 對象。
referrer 如果當(dāng)前文檔是通過點(diǎn)擊連接打開的,則 referrer 返回原來的 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 屬性所表示的已訪問連接顏色。
方法:
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 來處理。writeln() 與 write() 的不同點(diǎn)在于,writeln() 在寫入數(shù)據(jù)以后會(huì)加一個(gè)換行。這個(gè)換行只是在 HTML 中換行,具體情況能不能夠是顯示出來的文字換行,要看插入 JavaScript 的位置而定。如在<pre>標(biāo)記中插入,這個(gè)換行也會(huì)體現(xiàn)在文檔中。
clear() 清空當(dāng)前文檔。
close() 關(guān)閉文檔,停止寫入數(shù)據(jù)。如果用了 write[ln]() 或 clear() 方法,就一定要用 close() 方法來保證所做的更改能夠顯示出來。如果文檔還沒有完全讀取,也就是說,JavaScript 是插在文檔中的,那就不必使用該方法。
現(xiàn)在我們已經(jīng)擁有足夠的知識(shí)來做以下這個(gè)很多網(wǎng)站都有的彈出式更新通知了。
<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è)文件。
用法:document (當(dāng)前窗口) 或 <窗口對象>.document (指定窗口)
屬性:
document.title //設(shè)置文檔標(biāo)題等價(jià)于HTML的<title>標(biāo)簽
document.bgColor //設(shè)置頁面背景色
document.fgColor //設(shè)置前景色(文本顏色)
document.linkColor //未點(diǎn)擊過的鏈接顏色
document.alinkColor //激活鏈接(焦點(diǎn)在此鏈接上)的顏色
document.vlinkColor //已點(diǎn)擊過的鏈接顏色
document.URL //設(shè)置URL屬性從而在同一窗口打開另一網(wǎng)頁
document.fileCreatedDate //文件建立日期,只讀屬性
document.fileModifiedDate //文件修改日期,只讀屬性
document.fileSize //文件大小,只讀屬性
document.cookie //設(shè)置和讀出cookie
document.charset //設(shè)置字符集 簡體中文:gb2312
cookie 關(guān)于 cookie 請參看“使用框架和 Cookies”一章。
lastModified 當(dāng)前文檔的最后修改日期,是一個(gè) Date 對象。
referrer 如果當(dāng)前文檔是通過點(diǎn)擊連接打開的,則 referrer 返回原來的 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 屬性所表示的已訪問連接顏色。
方法:
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 來處理。writeln() 與 write() 的不同點(diǎn)在于,writeln() 在寫入數(shù)據(jù)以后會(huì)加一個(gè)換行。這個(gè)換行只是在 HTML 中換行,具體情況能不能夠是顯示出來的文字換行,要看插入 JavaScript 的位置而定。如在<pre>標(biāo)記中插入,這個(gè)換行也會(huì)體現(xiàn)在文檔中。
clear() 清空當(dāng)前文檔。
close() 關(guān)閉文檔,停止寫入數(shù)據(jù)。如果用了 write[ln]() 或 clear() 方法,就一定要用 close() 方法來保證所做的更改能夠顯示出來。如果文檔還沒有完全讀取,也就是說,JavaScript 是插在文檔中的,那就不必使用該方法。
現(xiàn)在我們已經(jīng)擁有足夠的知識(shí)來做以下這個(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的document對象和window對象詳解
- JavaScript中document對象使用詳解
- javascript Window及document對象詳細(xì)整理
- js基礎(chǔ)之DOM中document對象的常用屬性方法詳解
- JavaScript——DOM操作——Window.document對象詳解
- 淺析JS中document對象的一些重要屬性
- JavaScript基礎(chǔ)語法、dom操作樹及document對象
- JavaScript中的Document文檔對象
- js禁止document element對象選中文本實(shí)現(xiàn)代碼
- JS document對象簡單用法完整示例
相關(guān)文章
淺析四種常見的Javascript聲明循環(huán)變量的書寫方式
這篇文章主要介紹了四種常見的聲明循環(huán)變量的書寫方式,對其進(jìn)行簡單的分析和比較,需要的朋友可以參考下2015-10-10javascript學(xué)習(xí)筆記(十一) 正則表達(dá)式介紹
javascript學(xué)習(xí)筆記之正則表達(dá)式介紹,需要的朋友可以參考下2012-06-06JavaScript中字符串與數(shù)組的includes()用法
這篇文章主要介紹了JavaScript中字符串與數(shù)組的includes()用法,需要的朋友可以參考下2023-06-06JavaScript中的document.referrer在各種瀏覽器測試結(jié)果
這篇文章主要介紹了JavaScript中的document.referrer在各種瀏覽器測試結(jié)果,包括在多種情況下每個(gè)瀏覽器能否用document.referrer取到值,非常珍貴的測試結(jié)果,需要的朋友可以參考下2014-07-07Javascript模塊化編程(三)require.js的用法及功能介紹
這個(gè)系列的第一部分和第二部分,介紹了Javascript模塊原型和理論概念,今天介紹如何將它們用于實(shí)戰(zhàn)。我采用的是一個(gè)非常流行的庫require.js感興趣的朋友可以了解下啊2013-01-01