讀書筆記 - js進階程式設計 - 第八章 BOM

來源:互聯網
上載者:User

標籤:關係   一個   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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.