JavaScript菜鳥(niǎo)教程

JavaScript 對(duì)象

JavaScript 函數(shù)

JS HTML DOM

JS 瀏覽器BOM

AJAX 菜鳥(niǎo)教程

JavaScript 參考手冊(cè)

JS Window 瀏覽器對(duì)象模型

窗口可以是主窗口,框架集或單個(gè)框架,甚至可以是用JavaScript創(chuàng)建的新窗口。

窗口對(duì)象

window對(duì)象表示瀏覽器中的窗口。窗口對(duì)象由瀏覽器自動(dòng)創(chuàng)建。

所有全局變量都是屬性,函數(shù)是窗口對(duì)象的方法。

所有全局JavaScript對(duì)象,函數(shù)和變量都會(huì)自動(dòng)成為window對(duì)象的成員。

文檔對(duì)象是窗口對(duì)象的屬性。因此,輸入

window.document.write("Hello world")

與下面的相同

document.write("Hello world")

計(jì)算窗口大小

window對(duì)象提供2個(gè)屬性以找出瀏覽器窗口視口的寬度和高度。

這兩個(gè)屬性均返回以像素為單位的大?。?/p>

這是顯示窗口當(dāng)前大小的示例:

var h = window.innerHeight;
var w = window.innerWidth;
測(cè)試看看?/?

對(duì)于Internet Explorer 5、6、7、8:

  • document.documentElement.clientWidth

  • document.documentElement.clientHeight

要么

  • document.body.clientWidth

  • document.body.clientHeight

跨瀏覽器解決方案(對(duì)于IE8和更早版本使用clientWidth和clientHeight):

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
測(cè)試看看?/?

使用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>
測(cè)試看看?/?

開(kāi)啟新窗口

window.open()方法將打開(kāi)一個(gè)新的瀏覽器窗口,并將指定的文檔加載到其中。

以下示例在具有指定高度和寬度的新窗口中打開(kāi)“ www.soo66.com”:

window.open("", "", "width=400, height=300");
測(cè)試看看?/?

完整的窗口參考

有關(guān)完整的屬性和方法參考,請(qǐng)?jiān)L問(wèn)我們的《JavaScript窗口對(duì)象參考》

參考部分包含所有窗口屬性和方法的描述和示例。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清