在做页面时,用户要求,不同的分辨率,弹出窗口的位置不同。
可以先获得屏幕宽度,然后付值给变量,再在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>
这段代码是根据不同的屏幕显示不同的页面
传递这个参数的
使用vs2005生成的页面当使用这其中某些东西的时候不管用,因为用vs2005生成的页面XHTML 是1.0的。
所以此时就要修改相应的关键字比如:
document.body.clientWidth 要换成 document.documentElement.clentWidth
js获得屏幕的宽度:
js获取屏幕高度与宽度
js与jquery获取屏幕宽度与高度
js 获取浏览器与屏幕宽高信息
JS和jquery获取浏览器屏幕的宽度与高度
js获取浏览器屏幕宽高的方法(浏览器兼容)
JS获取屏幕、浏览器窗口大小、网页高度宽度