標籤:關係 一個 oppo 進階程式設計 ie7 對象位置 索引 add opp
BOM的核心對象是window |
它表示瀏覽器的一個執行個體,在瀏覽器中,window對象有雙重角色,它既是通過js訪問瀏覽器視窗的一個介面,又是ECMAScript規定的Global對象,這意味著在網頁中定義的任何一個對象,變數 和 函數 都以window作為其Global函數 |
視窗關係和frame |
每個frame都有自己的window對象,並且儲存在frames集合中,在frames集合中,可能通過數值索引 或者 架構名稱來訪問 相應的 window 對象 |
top |
始終指向 最高層的 架構,也就是瀏覽器視窗 |
self |
始終指向 window 引入self對象的目的,只是為了與top和parent對象對應起來,因此它不格外包含其它值 |
確定和修改window對象位置的屬性和方法 |
var leftPos = ( typeof window.screenLeft == "number" ) ? window.screenLeft : window.screenX ;var topPos = ( typeof window.screenTop == "number" ) ? window.screenTop: window.screenY ; |
將視窗移動到螢幕左上方 |
window.moveTo( 0, 0 ) ; //在Opera或IE7裡可能不管用 |
將視窗向下移動 100 像素 |
window.moveBy( 0, 100 ) ;//在Opera或IE7裡可能不管用 |
將視窗移動到(200,300 ) |
window.moveTo( 200, 300 );//在Opera或IE7裡可能不管用 |
將視窗向左移動 50 像素 |
window.moveBy( -50, 0 ) ;v |
如何確定頁面視口的大小 |
var pageWidth = window.innerWidth ;var pageHeight = window.innerHeight ;if( typeof pageWidth != "number" ){ if( document.compatMode == "CSS1Compat" ){ pageWidth = document.documentElement.clientWidth ; pageHeight = document.documentElement.clientHeight; }else{ pageWidth = document.body.clientWidth ; pageHeight = ducument.body.clientHeight ; }} |
縮放視窗 |
window.resizeTo( 100, 100 ) ;//在Opera或IE7裡可能不管用window.resizeBy( 100, 50 ) ; //在Opera或IE7裡可能不管用 |
導航和開啟視窗 |
|
|
|
讀書筆記 - js進階程式設計 - 第八章 BOM