通過js判斷訪客顯示器屏幕分辨率并給出提示
更新時(shí)間:2013年07月16日 17:26:44 作者:
這段代碼大意是通過比較圖片分辨率和桌面分辨率來(lái)判定改圖是否適合直接用作訪客的桌面壁紙
通過js判斷訪客顯示器屏幕分辨率并給出提示
先給出代碼示例:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這段代碼大意是通過比較圖片分辨率和桌面分辨率來(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í)行]
這段代碼大意是通過比較圖片分辨率和桌面分辨率來(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)文章
讓網(wǎng)頁(yè)根據(jù)不同IE版本顯示不同的內(nèi)容
在上一篇blog 《IE8里判斷當(dāng)前網(wǎng)頁(yè)顯示模式》里面提到IE有不同的顯示模式以及如何用Javascript 來(lái)動(dòng)態(tài)判定。 Web開發(fā)者可以根據(jù)不同顯示模式導(dǎo)入不同的內(nèi)容。2009-02-02使用TS來(lái)編寫express服務(wù)器的方法步驟
這篇文章主要介紹了使用TS來(lái)編寫express服務(wù)器的方法步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10axios的get請(qǐng)求傳入數(shù)組參數(shù)原理詳解
這篇文章主要為大家介紹了axios的get請(qǐng)求傳入數(shù)組參數(shù)原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06百度地圖去掉marker覆蓋物或者去掉maker的label文字方法
下面小編就為大家分享一篇百度地圖去掉marker覆蓋物或者去掉maker的label文字方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-01-01clipboard.js在移動(dòng)端復(fù)制失敗的解決方法
最近在使用clipboard.js碰到的一個(gè)小問題,通過查找相關(guān)資料解決了,所以下面這篇文章主要給大家介紹了關(guān)于clipboard.js在移動(dòng)端復(fù)制失敗的解決方法,需要的朋友可以參考借鑒,下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06js中區(qū)分深拷貝與淺拷貝的實(shí)戰(zhàn)過程
兩個(gè)對(duì)象A、B,A有數(shù)據(jù)B為空,B復(fù)制了A,我們修改A,如果B中的數(shù)據(jù)跟著變化了,那就是淺拷貝,如果沒有變化,那就是深拷貝,下面這篇文章主要給大家介紹了關(guān)于js中區(qū)分深拷貝與淺拷貝的相關(guān)資料,需要的朋友可以參考下2022-01-01js獲取GridView中行數(shù)據(jù)的兩種方法 分享
這篇文章介紹了js獲取GridView中行數(shù)據(jù)的方法,有需要的朋友可以參考一下2013-07-07JavaScript 變量,數(shù)據(jù)類型基礎(chǔ)實(shí)例詳解【變量、字符串、數(shù)組、對(duì)象等】
這篇文章主要介紹了JavaScript 變量,數(shù)據(jù)類型基礎(chǔ),結(jié)合實(shí)例形式詳細(xì)分析了JavaScript變量聲明、字符串、數(shù)組、對(duì)象等基本使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-01-01