JavaScript Window瀏覽器對象模型原理解析
瀏覽器對象模型 (BOM) 使 JavaScript 有能力與瀏覽器'對話'。
瀏覽器對象模型 (BOM)
瀏覽器對象模型(Browser Object Model (BOM))尚無正式標(biāo)準(zhǔn)。
由于現(xiàn)代瀏覽器已經(jīng)(幾乎)實(shí)現(xiàn)了 JavaScript 交互性方面的相同方法和屬性,因此常被認(rèn)為是 BOM 的方法和屬性。
Window 對象
所有瀏覽器都支持 window 對象。它表示瀏覽器窗口。
所有 JavaScript 全局對象、函數(shù)以及變量均自動(dòng)成為 window 對象的成員。
全局變量是 window 對象的屬性。
全局函數(shù)是 window 對象的方法。
甚至 HTML DOM 的 document 也是 window 對象的屬性之一:
window.document.getElementById('header');
與此相同:
document.getElementById('header');
Window 尺寸
有三種方法能夠確定瀏覽器窗口的尺寸。
對于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
window.innerHeight - 瀏覽器窗口的內(nèi)部高度(包括滾動(dòng)條)window.innerWidth - 瀏覽器窗口的內(nèi)部寬度(包括滾動(dòng)條)
對于 Internet Explorer 8、7、6、5:
document.documentElement.clientHeightdocument.documentElement.clientWidth
或者
document.body.clientHeightdocument.body.clientWidth
實(shí)用的 JavaScript 方案(涵蓋所有瀏覽器):
實(shí)例
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)當(dāng)前窗口 window.resizeTo() - 調(diào)整當(dāng)前窗口的尺寸以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. Spring如何集成ibatis項(xiàng)目并實(shí)現(xiàn)dao層基類封裝2. IDEA 2020.1.2 安裝教程附破解教程詳解3. idea設(shè)置提示不區(qū)分大小寫的方法4. 使用AJAX(包含正則表達(dá)式)驗(yàn)證用戶登錄的步驟5. 利用ajax+php實(shí)現(xiàn)商品價(jià)格計(jì)算6. IntelliJ IDEA導(dǎo)出項(xiàng)目的方法7. Java利用TCP協(xié)議實(shí)現(xiàn)客戶端與服務(wù)器通信(附通信源碼)8. Java PreparedStatement用法詳解9. django queryset相加和篩選教程10. JS圖片懶加載庫VueLazyLoad詳解

網(wǎng)公網(wǎng)安備