操作瀏覽器窗口

一、 innerWidth / innerHeight
獲取瀏覽器可視區的寬高(不包含開發者工具區域)

window.innerWidth + 'px' window.innerHeight + 'px'

二、 outerWidth / outerHeight
獲取瀏覽器軟件界面的寬高

window.outerWidth + 'px' window.outerHeight + 'px'

三、 screenTop / screenLeft
獲取瀏覽器窗口的坐標

window.screenTop + 'px' window.screenLeft + 'px' // 或者 window.screenY + 'px' window.screenX + 'px'

四、打開窗口 – window.open()

/*window.open(url : (網頁的鏈接), ---- 'http://www.baidu.com'target : (在哪一個窗口打開), ---- '_self'arr : (窗口新特性) ---- 部分瀏覽器不支持);*/ document.onclick = function () {window.open('http://www.baidu.com','_blank','height = 500, width = 500, top = 30, left = 30, resizable = yes'); }

五、關閉窗口 – window.close()

document.onclick = function () {window.close(); // 關閉當前頁面的窗口 }

總結

以上是生活随笔為你收集整理的BOM -- browser object model的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。