淺談javascript屬性onresize
更新時間：2015年04月20日 11:15:47 投稿：hebedich
這篇文章主要介紹了淺談javascript屬性onresize的詳細(xì)使用方法，十分的實(shí)用，這里推薦給大家，有需要的小伙伴可以參考下。
淺談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進(jìn)行檢測，獲取窗口大小
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;
//-->
只有我要對屏幕大小進(jìn)行操作的時候才想起原來還有個對屏幕操作的屬性
onresize 事件會在窗口或框架被調(diào)整大小時發(fā)生。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
基于RequireJS和JQuery的模塊化編程日常問題解析
本文是小編日常收集整理些有關(guān)RequireJS和JQuery的模塊化編程，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
前端實(shí)現(xiàn)個人信息脫敏(手機(jī)號、身份證號、姓名、郵箱)JavaScript代碼示例
這篇文章主要介紹了如何使用JavaScript對手機(jī)號、身份證號、姓名和郵箱等個人數(shù)據(jù)進(jìn)行脫敏處理,以保護(hù)用戶隱私,通過正則表達(dá)式和分組捕獲,可以靈活地對不同類型的數(shù)據(jù)進(jìn)行脫敏處理,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-02-02
微信開發(fā)之調(diào)起攝像頭、本地展示圖片、上傳下載圖片實(shí)例
這篇文章主要介紹了微信開發(fā)之調(diào)起攝像頭、本地展示圖片、上傳下載圖片實(shí)例，具有一定的參考價值有興趣的可以了解一下。2016-12-12
本文主要介紹了JavaScript驗證API的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
localResizeIMG先壓縮后使用ajax無刷新上傳（移動端）
隨著技術(shù)的發(fā)展，移動設(shè)備像素越來越高，但是這么大的圖片怎么上傳呢？下面小編就給大家一起學(xué)習(xí)移動端圖片上傳的方法之localResizeIMG先壓縮后使用ajax無刷新上傳，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了深入了解JavaScript 的 WebAssembly,它是由 Google , Microsoft , Mozilla ， Apple 等幾家大公司合作發(fā)起的一個關(guān)于 面向Web的通用二進(jìn)制和文本格式 的項目。 ,需要的朋友可以參考下2019-06-06
JS組件Bootstrap實(shí)現(xiàn)圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了JS組件Bootstrap實(shí)現(xiàn)圖片輪播效果的具體代碼，對圖片輪播效果感興趣的小伙伴們可以參考一下2016-05-05
javascript DOM操作之動態(tài)刪除TABLE多行
DOM動態(tài)刪除TABLE tr行的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2009-12-12
iView 主要服務(wù)于 PC 界面的中后臺業(yè)務(wù)，是一套高質(zhì)量的開源 UI 組件庫。這篇文章主要介紹了iView 上傳組件之手動上傳功能,需要的朋友可以參考下2018-03-03
javascript用rem來做響應(yīng)式開發(fā)
這篇文章主要介紹了javascript用rem來做響應(yīng)式開發(fā)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01