通過(guò)js判斷訪客顯示器屏幕分辨率并給出提示
更新時(shí)間:2013年07月16日 17:26:44 作者:
這段代碼大意是通過(guò)比較圖片分辨率和桌面分辨率來(lái)判定改圖是否適合直接用作訪客的桌面壁紙
通過(guò)js判斷訪客顯示器屏幕分辨率并給出提示
先給出代碼示例:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這段代碼大意是通過(guò)比較圖片分辨率和桌面分辨率來(lái)判定改圖是否適合直接用作訪客的桌面壁紙。其中fw="1920"和fh="1200"后面的1920、1200分別是圖片的寬度和高度參數(shù),可以用php等讀取的實(shí)際圖片寬度和高度參數(shù)代替。以前第11、12行前面的判斷我都是用的if,昨天把桌面分辨率調(diào)大以后發(fā)現(xiàn)這樣會(huì)有2個(gè)提示——如果桌面分辨率大于圖片分辨率,換成else if平行代碼后錯(cuò)誤解決。
另外本來(lái)想用PHP的方法傳遞圖片寬度和高度,但是這樣要用get提前傳遞,要么出現(xiàn)跳轉(zhuǎn)甚至死循環(huán),所以暫時(shí)只有用JS來(lái)判斷了。當(dāng)然也有js和php結(jié)合的辦法,效果都不是很好。
先給出代碼示例:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這段代碼大意是通過(guò)比較圖片分辨率和桌面分辨率來(lái)判定改圖是否適合直接用作訪客的桌面壁紙。其中fw="1920"和fh="1200"后面的1920、1200分別是圖片的寬度和高度參數(shù),可以用php等讀取的實(shí)際圖片寬度和高度參數(shù)代替。以前第11、12行前面的判斷我都是用的if,昨天把桌面分辨率調(diào)大以后發(fā)現(xiàn)這樣會(huì)有2個(gè)提示——如果桌面分辨率大于圖片分辨率,換成else if平行代碼后錯(cuò)誤解決。
另外本來(lái)想用PHP的方法傳遞圖片寬度和高度,但是這樣要用get提前傳遞,要么出現(xiàn)跳轉(zhuǎn)甚至死循環(huán),所以暫時(shí)只有用JS來(lái)判斷了。當(dāng)然也有js和php結(jié)合的辦法,效果都不是很好。
您可能感興趣的文章:
- android計(jì)算pad或手機(jī)的分辨率/像素/密度/屏幕尺寸/DPI值的方法
- Android的單位以及屏幕分辨率詳解
- Android基礎(chǔ)之使用Fragment適應(yīng)不同屏幕和分辨率(分享)
- Js控制彈窗實(shí)現(xiàn)在任意分辨率下居中顯示
- Android加載大分辨率圖片到手機(jī)內(nèi)存中的實(shí)例方法
- JS測(cè)試顯示屏分辨率以及屏幕尺寸的方法
- js獲取電腦分辨率的思路及操作
- android實(shí)用工具類分享(獲取內(nèi)存/檢查網(wǎng)絡(luò)/屏幕高度/手機(jī)分辨率)
- JS獲取當(dāng)前網(wǎng)頁(yè)大小以及屏幕分辨率等
- C#如何動(dòng)態(tài)設(shè)置屏幕分辨率
相關(guān)文章
javascript算法之?dāng)?shù)組反轉(zhuǎn)
這篇文章主要介紹了javascript算法之?dāng)?shù)組反轉(zhuǎn),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08
JavaScript函數(shù)中關(guān)于valueOf和toString的理解
本文給大家介紹JavaScript函數(shù)中關(guān)于valueOf和toString的理解,簡(jiǎn)單的說(shuō)就是需要轉(zhuǎn)換為字符串時(shí),會(huì)調(diào)用toString,需要轉(zhuǎn)換為數(shù)字時(shí)需要調(diào)用valueOf。對(duì)js valueof tostring知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-06-06
npm script和package-lock.json使用示例詳解
這篇文章主要為大家介紹了npm script和package-lock.json使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
JavaScript實(shí)現(xiàn)一個(gè)多少秒后自動(dòng)跳轉(zhuǎn)的頁(yè)面(案例代碼)
最近遇到這樣一個(gè)需求是用js簡(jiǎn)單實(shí)現(xiàn)一個(gè)多少秒后自動(dòng)跳轉(zhuǎn)的頁(yè)面,實(shí)現(xiàn)代碼非常簡(jiǎn)單,對(duì)js自動(dòng)跳轉(zhuǎn)頁(yè)面相關(guān)知識(shí)感興趣的朋友一起看看吧2023-01-01
JavaScript圖片旋轉(zhuǎn)效果實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript圖片旋轉(zhuǎn)效果實(shí)現(xiàn)方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
一個(gè)不用onmouseup的拖動(dòng)函數(shù)
一個(gè)不用onmouseup的拖動(dòng)函數(shù)...2007-05-05

