通過js判斷訪客顯示器屏幕分辨率并給出提示
更新時間：2013年07月16日 17:26:44 作者：
這段代碼大意是通過比較圖片分辨率和桌面分辨率來判定改圖是否適合直接用作訪客的桌面壁紙
通過js判斷訪客顯示器屏幕分辨率并給出提示
先給出代碼示例：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這段代碼大意是通過比較圖片分辨率和桌面分辨率來判定改圖是否適合直接用作訪客的桌面壁紙。其中fw="1920"和fh="1200"后面的1920、1200分別是圖片的寬度和高度參數(shù)，可以用php等讀取的實際圖片寬度和高度參數(shù)代替。以前第11、12行前面的判斷我都是用的if,昨天把桌面分辨率調(diào)大以后發(fā)現(xiàn)這樣會有2個提示——如果桌面分辨率大于圖片分辨率，換成else if平行代碼后錯誤解決。
另外本來想用PHP的方法傳遞圖片寬度和高度，但是這樣要用get提前傳遞，要么出現(xiàn)跳轉(zhuǎn)甚至死循環(huán)，所以暫時只有用JS來判斷了。當(dāng)然也有js和php結(jié)合的辦法，效果都不是很好。
先給出代碼示例：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這段代碼大意是通過比較圖片分辨率和桌面分辨率來判定改圖是否適合直接用作訪客的桌面壁紙。其中fw="1920"和fh="1200"后面的1920、1200分別是圖片的寬度和高度參數(shù)，可以用php等讀取的實際圖片寬度和高度參數(shù)代替。以前第11、12行前面的判斷我都是用的if,昨天把桌面分辨率調(diào)大以后發(fā)現(xiàn)這樣會有2個提示——如果桌面分辨率大于圖片分辨率，換成else if平行代碼后錯誤解決。
另外本來想用PHP的方法傳遞圖片寬度和高度，但是這樣要用get提前傳遞，要么出現(xiàn)跳轉(zhuǎn)甚至死循環(huán)，所以暫時只有用JS來判斷了。當(dāng)然也有js和php結(jié)合的辦法，效果都不是很好。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)拖拽功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了JS功能代碼集錦 的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了原生js配合cookie制作保存路徑的拖拽效果，感興趣的小伙伴們可以參考一下2015-12-12
javascript算法之?dāng)?shù)組反轉(zhuǎn)
這篇文章主要介紹了javascript算法之?dāng)?shù)組反轉(zhuǎn)，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
JavaScript函數(shù)中關(guān)于valueOf和toString的理解
本文給大家介紹JavaScript函數(shù)中關(guān)于valueOf和toString的理解，簡單的說就是需要轉(zhuǎn)換為字符串時，會調(diào)用toString，需要轉(zhuǎn)換為數(shù)字時需要調(diào)用valueOf。對js valueof tostring知識感興趣的朋友一起學(xué)習(xí)吧2016-06-06
npm script和package-lock.json使用示例詳解
這篇文章主要為大家介紹了npm script和package-lock.json使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
JavaScript實現(xiàn)一個多少秒后自動跳轉(zhuǎn)的頁面(案例代碼)
最近遇到這樣一個需求是用js簡單實現(xiàn)一個多少秒后自動跳轉(zhuǎn)的頁面，實現(xiàn)代碼非常簡單，對js自動跳轉(zhuǎn)頁面相關(guān)知識感興趣的朋友一起看看吧2023-01-01
JavaScript圖片旋轉(zhuǎn)效果實現(xiàn)方法詳解
這篇文章主要介紹了JavaScript圖片旋轉(zhuǎn)效果實現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了JS文件上傳神器Bootstrap FileInput，樣式非常美觀，并且支持上傳文件預(yù)覽，ajax同步或異步上傳，拖曳文件上傳等炫酷的功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
一個不用onmouseup的拖動函數(shù)...2007-05-05