js获取屏幕宽度实例代码
在做页面时,用户要求,不同的分辨率,弹出窗口的位置不同。
可以先获得屏幕宽度,然后付值给变量,再在onclick中设置参数。
例子:
<body>
<SCRIPT LANGUAGE="JavaScript">
var s ="网页可见区域宽:"+ document.body.clientWidth;
s+="/r/n网页可见区域高:"+ document.body.clientHeight;
s += "/r/n网页正文全文宽:"+ document.body.scrollWidth;
s += "/r/n网页正文全文高:"+ document.body.scrollHeight;
s += "/r/n网页正文部分上:"+ window.screenTop;
s += "/r/n网页正文部分左:"+ window.screenLeft;
s += "/r/n屏幕分辨率的高:"+ window.screen.height;
s += "/r/n屏幕分辨率的宽:"+ window.screen.width;
s +="/r/n屏幕可用工作区高度:"+ window.screen.availHeight;
s +="/r/n屏幕可用工作区宽度:"+ window.screen.availWidth;
alert(s);
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function redirectPage() {
/*var url640x480 = "http://www.yoursite.com/640x480.html";**记得改相应的页面*/
var url800x600 = "index1.asp";
var url1024x768 = "index2.asp";
/*if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;*/
if (screen.width <= 800 )
window.location.href= url800x600;
else if ((screen.width >= 1024) )
window.location.href= url1024x768;
}
// End -->
</script>
这段代码是根据不同的屏幕显示不同的页面
传递这个参数的
document.write("<a href='WebStat/index.asp'>");
document.write("<img src='WebStat/count.asp?Referer=<%=refer%>
&Width="+escape(screen.width)+"&Height="+escape(screen.height)+
"' border=0 width=1 height=1>");
document.write("</a>");
</script>
使用vs2005生成的页面当使用这其中某些东西的时候不管用,因为用vs2005生成的页面XHTML 是1.0的。
所以此时就要修改相应的关键字比如:
document.body.clientWidth 要换成 document.documentElement.clentWidth
js获得屏幕的宽度:
网页可见区域高 document.body.clientHeight
网页可见区域宽(包括边线的宽) document.body.offsetWidth
网页可见区域高(包括边线的宽) document.body.offsetHeight
网页正文全文宽 document.body.scrollWidth
网页正文全文高 document.body.scrollHeight
网页被卷去的高 document.body.scrollTop
网页被卷去的左 document.body.scrollLeft
网页正文部分上 window.screenTop
网页正文部分左 window.screenLeft
屏幕分辨率的高 window.screen.height
屏幕分辨率的宽 window.screen.width
屏幕可用工作区高度 window.screen.availHeight
屏幕可用工作区宽度 window.screen.availWidth
js获取屏幕高度与宽度
js与jquery获取屏幕宽度与高度
js 获取浏览器与屏幕宽高信息
JS和jquery获取浏览器屏幕的宽度与高度
js获取浏览器屏幕宽高的方法(浏览器兼容)
JS获取屏幕、浏览器窗口大小、网页高度宽度
您可能感兴趣的文章:
JS获取屏幕尺寸大小实例
js获取屏幕分辨率示例
JS获取屏幕高度与宽度方法
js获取浏览器窗口大小与屏幕宽高
js获取浏览器与屏幕宽度高度
js获取屏幕宽度实例代码
js获取浏览器宽度\屏幕宽度\显示器分辨率
js如何获取屏幕高度
js双击鼠标自动滚动屏幕实例
js获取当前对象大小与屏幕分辨率