知识大全 js判断屏幕分辨率的代码

Posted 2022-07-20 知

篇首语：明天的希望，让我们忘了今天的痛苦。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 js判断屏幕分辨率的代码相关的知识，希望对你有一定的参考价值。

由于现在的很多用户的分辨率问题导致很多广告会遮挡内容或者对于不同分辨率的用户不同的css样式就可以参考下面的代码

　　一般我们可以通过下面的代码判断分辨率

复制代码代码如下: <script language="JavaScript"> <! Begin function redirectPage() var wjb =screen width; var hjb =screen height; alert("经系统检测你的屏幕分辨率为 " + wjb +"*"+ hjb + "by 脚本之家jb net"); // End > </script>

　　js判断浏览器分辨率

复制代码代码如下: <script> function ScreenWidth() if (screen width == ) alert(" * "); else if (screen width == ) alert(" * "); else if (screen width == ) alert(" * "); else alert("do not know!"); </script> <input type=button name= value="fenbianli " onclick=" ScreenWidth()"/>

　　说明这段js代码可改造一下改为screen width>= screen width= 两种情况

　　所以我选择使用下面的代码

复制代码代码如下: if(screen width>= ) alert( 宽屏幕可以加载广告了 ); //一些广告代码

　　用JS判断不同分辨率调用不同的CSS样式文件

　　最近看一个网站发现显示器不同的分辨率样式文件调用的也不一样今天写了一个例子研究一下

复制代码代码如下: <!DOCTYPE HTML> <> <head> <meta charset=utf > <title>无标题文档</title> <link rel="stylesheet" id="sc" type=text/css href="css/c css"/> <script type=text/javascript> window onload=function() var sc=document getElementById("sc"); var d=document getElementById("d"); if(screen width> ) //获取屏幕的的宽度 sc setAttribute("href" "css/c css"); //设置css引入样式表的路径 d innerHTML = "你的电脑屏幕宽度大于我的宽度是 px 背景色现在是红色 "; else sc setAttribute("href" "css/c css"); d innerHTML = "你的电脑屏幕宽度小于或是等于我的宽度是 px 背景色现在是蓝色 "; </script> </head> <body> <div id="d"></div> </body> </>

　　c css里面的内容

复制代码代码如下: cha138/Article/program/Java/JSP/201311/20272