首頁 > web前端 > js教程 > 主體

JavaScript Window - 瀏覽器物件模型

巴扎黑
發布: 2016-11-25 14:06:57
原創
1243 人瀏覽過

JavaScript Window - 瀏覽器物件模型 
瀏覽器物件模型 (BOM) 讓 JavaScript 有能力與瀏覽器「對話」。 



Window 物件 
所有瀏覽器都支援 window 物件。它表示瀏覽器視窗。 
所有 JavaScript 全域物件、函數、變數均自動成為 window 物件的成員。 
全域變數是 window 物件的屬性。 
全域函數是 window 物件的方法。

甚至HTML DOM 的document 也是window 物件的屬性之一: 
window.document.getElementById("header"); 
與此相同: 
document.getElementById("header");種方法能夠決定瀏覽器視窗的尺寸(瀏覽器的視口,不包括工具列和捲軸)。
對於Internet Explorer、Chrome、Firefox、Opera 以及Safari: 
window.innerHeight - 瀏覽器視窗的內部高度 
window.innerWidth - 瀏覽器視窗的內部寬度 
對於Internet Explorer 8、7、6、5: documentElement.clientHeight 
document.documentElement.clientWidth 
或 
document.body.clientHeight 
document.body.clientWidth 

. umentElement. clientWidth 
|| document.body.clientWidth; 

var h=window.innerHeight 
|| document.documentElement.clientHeight 
|| document.body.openclient.documentElement.clientHeight 
|| document.body.opencli]Height;打開新視窗 
window.close() - 關閉目前視窗 
window.moveTo() - 移動目前視窗 
window.resizeTo() - 調整目前視窗的尺寸 



Window Scr.資訊.

一些屬性: 
screen.availWidth - 可用的螢幕寬度(屬性返回訪客螢幕的寬度,以像素計,減去介面特性,例如視窗任務欄。) 
screen.availHeight - 可用的螢幕高度(屬性返回訪客螢幕的高度,以像素計,減去介面特性,例如視窗任務列。新的頁面。

location.hostname 傳回web 主機的網域名稱 
location.pathname 傳回目前頁面的路徑與檔案名稱 
location.port 傳回web 主機的連接埠(80 或443) 
location.protocol 傳回web 主機的連接埠(80 或443) 
location.protocol 傳回所使用的連接埠 協定(http:/web / 或https://) 
location.href 屬性傳回目前頁面的URL。 
location.assign() 方法載入新的文件。

實例: 
<script> <br/>document.write(location.href); <br/></script> 
以上程式碼輸出為: 
http://www.w3school.com.cn/js/js_window. location.assign 與location.replace的差異 
window.location.assign(url) : 載入URL 指定的新的HTML 文件。 就相當於一個鏈接,跳到指定的url, 
當前頁面會轉為新頁面內容,可以點擊後退返回上一個頁面。 

window.location.replace(url) : 透過載入 URL 指定的文件來取代目前文件 ,這個方法是取代目前視窗頁面, 
前後兩個頁面共用一個窗口,所以是沒有後退返回上一頁的。



Window History 
history.back() - 與瀏覽器點擊後退按鈕相同(載入歷史清單中的前一個URL。) 
history.forward() - 與在瀏覽器中點擊按鈕向前相同(載入歷史清單中的下一個URL。 



JavaScript 訊息框 
在 JavaScript 中建立三種訊息框:警告框、確認框、提示框。 

警告框 
當警告框出現後,使用者需要點選確定按鈕才能繼續操作。 
語法: 
alert("文字") 


確認框 
當確認框出現後,使用者需要點選確定或取消按鈕才能繼續操作。 
如果使用者點選確認,那麼回傳值為 true。如果使用者點擊取消,那麼傳回值為 false。

語法: 
confirm("文本") 

語法: 
 


提示框 
當提示框出現後,使用者需要輸入某個數值,然後點選確認或取消按鈕才能繼續操縱。 
如果使用者點選確認,那麼傳回值為輸入的值。如果使用者點擊取消,那麼傳回值為 null。

語法: 
prompt("文字","預設值") 

實例: 
 



JavaScript 計時 
透過使用JavaScript,我們有能力做到在設定的時間間隔之後來執行程式碼, 
而不是在函數被呼叫後立即執行。我們稱之為計時事件。 

setTimeout() 
語法 
var t=setTimeout("javascript語句",毫秒) 
第一個參數是含有 JavaScript 語句的字串。這個語句可能諸如"alert('5 seconds!')",或是對函數的呼叫 

實例: (無窮循環) 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板