DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 淺談javascript屬性onresize
淺談javascript屬性onresize
編輯:JavaScript綜合知識     

   這篇文章主要介紹了淺談javascript屬性onresize的詳細使用方法,十分的實用,這裡推薦給大家,有需要的小伙伴可以參考下。

  淺談javascript屬性onresize

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 //獲取屏幕寬度並動態賦值 var winWidth = 0; var winHeight = 0; function findDimensions() //函數:獲取尺寸 { //獲取窗口寬度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //獲取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if ((document.body) && (document.body.clientHeight)) winHeight = document.body.clientHeight; //通過深入Document內部對body進行檢測,獲取窗口大小 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { winHeight = document.documentElement.clientHeight; winWidth = document.documentElement.clientWidth; } //結果輸出至兩個文本框   $("body").height(winHeight) $("body").width(winWidth) }   findDimensions(); //調用函數,獲取數值 window.onresize=findDimensions; //-->

  只有我要對屏幕大小進行操作的時候才想起原來還有個對屏幕操作的屬性

  onresize 事件會在窗口或框架被調整大小時發生。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved