JS測試顯示屏分辨率以及屏幕尺寸的方法
更新時間：2013年11月22日 16:23:12 作者：
如何用JS特效顯示自己的屏幕分辨率以及屏幕尺寸呢，你會嗎？如果不會，那么下面有個不錯的方法，大家可以參考下
如何用JS特效顯示自己的屏幕分辨率以及屏幕尺寸呢？請看下面一段代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS測試顯示器分辨率</title>
</head>
<body>
<div style="width:1cm;" id="hutia"></div>
<SCRIPT LANGUAGE="JavaScript">
document.write('您的顯示器分辨率為:\n' + screen.width + '*' + screen.height + ' pixels<br/>');
var ww = document.getElementById("hutia").offsetWidth, w = screen.width/ww, h = screen.height/ww, r = Math.round(Math.sqrt(w*w + h*h) / 2.54);
document.write('您的顯示器尺寸為:\n' + (screen.width/ww).toFixed(1) + '*' + (screen.height/ww).toFixed(1) + ' cm, '+ r +'寸<br/>');
</SCRIPT>
</body>
</html>
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS測試顯示器分辨率</title>
</head>
<body>
<div style="width:1cm;" id="hutia"></div>
<SCRIPT LANGUAGE="JavaScript">
document.write('您的顯示器分辨率為:\n' + screen.width + '*' + screen.height + ' pixels<br/>');
var ww = document.getElementById("hutia").offsetWidth, w = screen.width/ww, h = screen.height/ww, r = Math.round(Math.sqrt(w*w + h*h) / 2.54);
document.write('您的顯示器尺寸為:\n' + (screen.width/ww).toFixed(1) + '*' + (screen.height/ww).toFixed(1) + ' cm, '+ r +'寸<br/>');
</SCRIPT>
</body>
</html>
相關文章
JavaScript實現(xiàn)頁面5秒后自動跳轉的方法
這篇文章主要介紹了JavaScript實現(xiàn)頁面5秒后自動跳轉的方法,涉及javascript遞歸調用與計時函數(shù)setTimeout的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了javascript實現(xiàn)類似百度分享功能的方法,以實例形式較為完整的分析了基于javascript實現(xiàn)百度分享功能所涉及的樣式與分享功能實現(xiàn)方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
在B/S開發(fā)中經(jīng)常用到的JavaScript技術
javascript運用中，經(jīng)常用到的代碼，建議每段代碼都要看下，注意本文有三頁，仔細看玩，逐個研究透徹，那么網(wǎng)頁中常見的問題，你也就熟悉掌握了2008-05-05
這篇文章主要介紹了如何HttpServletRequest文件對象并儲存,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08
這篇文章主要介紹了淺談Webpack多頁應用HMR卡住問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
創(chuàng)建彈出div窗口。2009-02-02
這篇文章主要為大家介紹了JS之延時器和定時器執(zhí)行示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了基于JavaScript實現(xiàn)單例模式,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
本文主要介紹了JavaScript中Function與Object的關系，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
這篇文章主要介紹了詳解微信小程序中的頁面代碼中的模板的封裝的相關資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-10-10