JavaScript學習筆記——BOM_window對象

標籤：

javascript瀏覽器物件模型-windwo對象（上）

BOM Browser Object Model
window對象 是BOM中所有對象的核心。

一、屬性

1.(位置類型-獲得瀏覽器的位置)
　　IE:
　　window.screenLeft
　　可以獲得瀏覽器距螢幕左上方的左邊距
　　window.screenTop
　　可以獲得瀏覽器距螢幕左上方的上邊距

//IE   //左邊距   //alert(screenLeft)   //上邊距   //alert(screenTop)

　　FF:
　　alert(screenX)
　　alert(screenY)

//FF  //左邊距  // alert(screenX)  //上邊距  // alert(screenY)

　　(獲得瀏覽器的尺寸)

　　FF:window.innerWidth 獲得視窗的寬度
　　window.innerHeight 獲得視窗的高度

//擷取瀏覽器的尺寸    //FF:      //alert(window.innerWidth);      //alert(window.innerHeight);    //IE和FF通用:        alert(document.documentElement.clientWidth)        alert(document.documentElement.clientHeight)        

 

2.關聯類型

　　A.parent返回父視窗
　　B.top 返回頂層視窗

　　C.self===window 相當於window

3.stutas 設定視窗狀態列的文本

    window.status="自訂的狀態列文字"

二、方法

1.表單控制
　　A.對表單的移動

　　window.moveBy(x,y) 相對於當前位置沿著X\Y軸移動指定的像素，如負數是反方向
　　moveTo(x,y) 相對於瀏覽器的左上方沿著X\Y軸移動到指定的像素，如負數是反方向

     //位置     moveBy(100,100);      //moveTo(200,200)

　　B.表單尺寸的改變

　　resizeBy(x,y) 相對於當前表單的大小，調整寬度和高度
　　resizeTo(x,y) 把表單調整為指定寬度和高度

      //尺寸       window.resizeBy(100,100)       resizeTo(400,400)

2.對表單捲軸的控制

　　scrollBy(x,y) 相對於當前捲軸的位置移動的像素(前提有捲軸)
　　scrollTo(x,y) 相對於當前視窗的高度或寬度，移動到指定的像素

3.時間間隔的函數

　　setInterval("函數或者代碼串",指定的時間(毫秒)) 按照指定的周期(毫秒)不斷的執行函 數或是代碼串

　　clearInterval()

　　setTimeout("函數或者代碼串",指定的時間(毫秒)) 在指定的毫秒數後只執行一次函數或代碼。

　　clearTimeout()

4.開啟新的視窗

　　open(url,name,feafurse,replace) 通過指令碼開啟新的視窗

 

 

 

 

JavaScript學習筆記——BOM_window對象