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