由于现在的很多用户的分辨率问题
导致很多广告会遮挡内容或者对于不同分辨率的用户不同的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代码可改造一下改为screenwidth>= screenwidth=两种情况
所以我选择使用下面的代码
复制代码 代码如下:
if(screen
width>=
){
alert(
宽屏幕可以加载广告了
);
//一些广告代码
}
用JS判断不同分辨率调用不同的CSS样式文件
最近看一个网站发现显示器不同的分辨率样式文件调用的也不一样今天写了一个例子研究一下
复制代码 代码如下:
<!DOCTYPE HTML>
<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>
</html>
ccss里面的内容
复制代码 代码如下:
*{ margin:; padding:;}
div{ width:px; height:px; margin: auto; background:blue; color:#ffffff;}
ccss里面的内容
*{ margin:; padding:;}
div{ width:px; height:px; margin: auto; background:red; color:#fff;}
