淺談javascript屬性onresize
更新時間：2015年04月20日 11:15:47 投稿：hebedich
這篇文章主要介紹了淺談javascript屬性onresize的詳細使用方法，十分的實用，這里推薦給大家，有需要的小伙伴可以參考下。
淺談javascript屬性onresize
//獲取屏幕寬度并動態(tài)賦值
var winWidth = 0;
var winHeight = 0;
function findDimensions() //函數(shù)：獲取尺寸
{
//獲取窗口寬度
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內(nèi)部對body進行檢測，獲取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
//結(jié)果輸出至兩個文本框
$("body").height(winHeight)
$("body").width(winWidth)
}
findDimensions();
//調(diào)用函數(shù)，獲取數(shù)值
window.onresize=findDimensions;
//-->
只有我要對屏幕大小進行操作的時候才想起原來還有個對屏幕操作的屬性
onresize 事件會在窗口或框架被調(diào)整大小時發(fā)生。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關文章
IE中JS跳轉(zhuǎn)丟失referrer問題的2個解決方法
這篇文章主要介紹了IE中JS跳轉(zhuǎn)丟失referrer問題的2個解決方法,算是IE的一個BUG吧,本文提供了2個方法解決這個問題,需要的朋友可以參考下2014-07-07
純js代碼實現(xiàn)未知寬高的元素在指定元素中垂直水平居中顯示
本章節(jié)介紹一下如何實現(xiàn)未知寬高的元素在指定元素下實現(xiàn)垂直水平居中效果，代碼簡單易懂，需要的朋友可以參考下本文2015-09-09
本文通過代碼實例給大家講解js讀取xml文件及jq讀取xml文件的方法，對本文感興趣的朋友一起學習吧2015-12-12
取鍵盤鍵位ASCII碼的網(wǎng)頁...2007-07-07
Canvas中繪制Geojson數(shù)據(jù)示例詳解
這篇文章主要為大家介紹了Canvas中繪制Geojson數(shù)據(jù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單掃雷，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了在Koa.js中實現(xiàn)文件上傳的接口功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
這篇文章主要為大家詳細介紹了原生js實現(xiàn)輪播圖的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細介紹了JavaScript的運動函數(shù)，使用實例在論證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
擴展IE中一些不兼容的方法如contains、startWith等等
擴展IE中一些不兼容的方法如contains方法、startWith方法等等，下面是具體的實現(xiàn)代碼，喜歡的朋友可以參考下2014-01-01