js判断屏幕分辨率的小例子

发布时间:2020-01-14编辑:脚本学堂
分享一个用于检测、判断屏蔽分辨率的例子,并给出相应的提示,有需要的朋友参考下。

本节内容:
判断屏幕分辨率

以下代码,通过比较图片分辨率和桌面分辨率,实现判定该图片是否适合直接用作桌面壁纸。

例子,判断访客显示器屏幕分辨率并给出提示 。
 

复制代码 代码示例:
<script>
<!--
fw="1920";fh="1200";
var uw=window.screen.width;
var uh=window.screen.height;
if(fw==uw) {
if(fh==uh){document.write("<span class='green'>完全适合做您的桌面</span>")}
else if(fh<uh){document.write("<span class='red'>不适合做您的桌面</span>")}
else {document.write("<span class='yellow'>裁剪以后适合做您的桌面↘</span>")}
} // www.jb200.com
else if(fw<uw){document.write("<span class='red'>尺寸略小,不适合做您电脑的桌布</span>")}
else if(fw>uw){
if (fw/fh==uw/uh) {document.write("<span class='green'>适合做您的桌面</span>")}
else {document.write("<span class='yellow'>不完全适合您的分辨率,您可以自己动手裁剪↘</span>")}
}
-->
</script>

代码说明:
其中fw="1920"和fh="1200"后面的1920、1200分别是图片的宽度和高度参数,可以用php等读取的实际图片宽度和高度参数代替。
以前第11、12行前面的判断我都是用的if,把桌面分辨率调大,有2个提示——如果桌面分辨率大于图片分辨率,换成else if平行代码后错误解决。

>>>查看更多javascript 教程