DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript入門教程(9):Document文檔對象
JavaScript入門教程(9):Document文檔對象
編輯:關於JavaScript     

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 文件,在 o

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved