程式語言教學

按此前往javascript完整教學目錄

一、window物件的子物件ànavigator物件：navigator物件包含者使用者的瀏覽器與作業系統資訊，有些時候，設計者必須要知到使用者的瀏覽器資訊以解決相容性問題。navigator物件的屬性及成員函式有：

1. appName：使用者瀏覽器之種類名稱。例如，本機在IE8進行測試：

document.writeln(navigator.appName);  //顯示：Microsoft Internet Explorer

2. appVersion：使用者瀏覽器之版本名稱：

3. platform：使用者的作業系統。

4. userAgent：使用者瀏覽器之資訊。

5. javaEnabled()：若使用者瀏覽器Java applet，則回傳true，否則回傳false。

二、window物件的子物件àscreen物件：screen物件包含者使用者的螢幕設定。筆者認為較有用的成員有：

1. height：使用者螢幕在垂直方向上的高度。單位是像素。如：

document.writeln(screen.height);  //顯示：768

2. width：使用者螢幕在水平方向上的寬度。單位是像素。

3. colorDepth：使用者螢幕的色彩模式。如：32，表示是32位元的色彩模式。

三、window物件的子物件àhistory物件：history物件包含使用者的瀏覽紀錄。使用時最好不要省略其父物件window。常用的物件成員與成員函式有：

1. length：此視窗內，曾經瀏覽過的網頁的數目。

2. back()：這個函式可回到瀏覽歷程中的上一個網頁。

3. forward()：這個函式可進到瀏覽歷程中的下一個網頁。若沒有下一個網頁，則此函式無效。

四、window物件的子物件àlocation物件：location物件表示當前視窗的URL網址。可以指派其值，使網頁跳轉到其他網址的網頁，如：

window.location="test1.php";

//執行之後，網頁便會跳轉到test1.php

Location物件的子物件中，常用的有：href、protocol、host、pathname、search、port。除了port子物件是表示開啟網頁所使用的通訊埠口，其他子物件乃是相應著URL網址的子結構。必須先說明一份URL網址的子結構，如下：

protocol//host/pathname search  

protocol是網頁所使用的通訊協議，host是伺服器主機名稱或網域名稱，pathname是網頁路徑，search即是一般所謂的URL參數。如，在一份URL網址為：

http://localhost/phptt/test1.php?mei=weiwei 的網頁下，程式碼如：

document.writeln(window.location.href);   

//顯示：http://localhost/phptt/test1.php?mei=weiwei

document.writeln(window.location.protocol);   //顯示：http:

document.writeln(window.location.host);    //顯示：localhost

document.writeln(window.location.pathname);    //顯示：/phptt/test1.php

document.writeln(window.location.search);    //顯示：?mei=weiwei

※ location物件尚有成員函式如reload()，其效果為使網頁重新載入，相當於按下「重新整理」按鍵。

上一篇：window物件的成員

下一篇：javascript DOM 介紹