新聞中心
JavaScript Window - 瀏覽器對象模型
瀏覽器對象模型 (BOM) 使 JavaScript 有能力與瀏覽器"對話"。

公司主營業(yè)務(wù):網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出炎陵免費做網(wǎng)站回饋大家。
Window 對象是BOM中所有對象的核心,除了是BOM中所有對象的父對象外,還包含一些窗口控制函數(shù)。
瀏覽器對象模型 (BOM)
瀏覽器對象模型(Browser Object Model (BOM))尚無正式標(biāo)準(zhǔn)。
由于現(xiàn)代瀏覽器已經(jīng)(幾乎)實現(xiàn)了 JavaScript 交互性方面的相同方法和屬性,因此常被認為是 BOM 的方法和屬性。
Window 對象
所有瀏覽器都支持 window 對象。它表示瀏覽器窗口。
所有 JavaScript 全局對象、函數(shù)以及變量均自動成為 window 對象的成員。
全局變量是 window 對象的屬性。
全局函數(shù)是 window 對象的方法。
甚至 HTML DOM 的 document 也是 window 對象的屬性之一:
window.document.getElementById("header"); 與此相同:
document.getElementById("header");
Window 子對象
Window的子對象主要有如下幾個:
- JavaScript document 對象
- JavaScript frames 對象
- JavaScript history 對象
- JavaScript location 對象
- JavaScript navigator 對象
- JavaScript screen 對象
Window 尺寸
有三種方法能夠確定瀏覽器窗口的尺寸(瀏覽器的窗口,不包括工具欄和滾動條)。
對于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
- window.innerHeight - 瀏覽器窗口的內(nèi)部高度
- window.innerWidth - 瀏覽器窗口的內(nèi)部寬度
對于 Internet Explorer 8、7、6、5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
或者
- document.body.clientHeight
- document.body.clientWidth
實用的 JavaScript 方案(涵蓋所有瀏覽器):
實例
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
嘗試一下 ?
該例顯示瀏覽器窗口的高度和寬度:(不包括工具欄/滾動條)
其他 Window 方法
一些其他方法:
- window.open() - 打開新窗口
- window.close() - 關(guān)閉當(dāng)前窗口
- window.moveTo() - 移動當(dāng)前窗口
- window.resizeTo() - 調(diào)整當(dāng)前窗口的尺寸
分享標(biāo)題:創(chuàng)新互聯(lián)JAVA教程:JavaScriptWindow
URL分享:http://m.fisionsoft.com.cn/article/dpdihid.html


咨詢
建站咨詢
