窗口可以是主窗口,框架集或單個框架,甚至可以是用JavaScript創(chuàng)建的新窗口。
該window對象表示瀏覽器中的窗口。窗口對象由瀏覽器自動創(chuàng)建。
所有全局變量都是屬性,函數(shù)是窗口對象的方法。
所有全局JavaScript對象,函數(shù)和變量都會自動成為window對象的成員。
文檔對象是窗口對象的屬性。因此,輸入
window.document.write("Hello world")
與下面的相同
document.write("Hello world")
window對象提供2個屬性以找出瀏覽器窗口視口的寬度和高度。
這兩個屬性均返回以像素為單位的大?。?/p>
window.innerWidth -瀏覽器窗口的內(nèi)部寬度(以像素為單位)
window.innerHeight -瀏覽器窗口的內(nèi)部高度(以像素為單位)
這是顯示窗口當(dāng)前大小的示例:
var h = window.innerHeight; var w = window.innerWidth;測試看看?/?
對于Internet Explorer 5、6、7、8:
document.documentElement.clientWidth
document.documentElement.clientHeight
要么
document.body.clientWidth
document.body.clientHeight
跨瀏覽器解決方案(對于IE8和更早版本使用clientWidth和clientHeight):
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;測試看看?/?
使用onresize事件顯示高度和寬度:
<body onresize="myFunc()"> <script> function myFunc() { var w = window.innerWidth; var h = window.innerHeight; document.getElementById("para").innerHTML = "Width: " + w + "<br>Height: " + h; } </script>測試看看?/?
window.open()方法將打開一個新的瀏覽器窗口,并將指定的文檔加載到其中。
以下示例在具有指定高度和寬度的新窗口中打開“ www.jixiangtaizi.com.cn”:
window.open("", "", "width=400, height=300");測試看看?/?
有關(guān)完整的屬性和方法參考,請訪問我們的《JavaScript窗口對象參考》。
參考部分包含所有窗口屬性和方法的描述和示例。