例子,最简单的js获取屏幕宽度与高度。
复制代码 代码示例:
<script>
alert(screen.width + "*" + screen.height)
</script>
输出当前屏幕的宽度和高度;
复制代码 代码示例:
<script language="
javascript">
var s = "网页可见区域宽:" + document.body.clientwidth;
s += "rn网页可见区域高:" + document.body.clientheight;
s += "rn网页正文全文宽:" + document.body.scrollwidth;
s += "rn网页正文全文高:" + document.body.scrollheight;
s += "rn网页正文部分上:" + window.screentop;
s += "rn网页正文部分左:" + window.screenleft;
s += "rn
屏幕分辨率的高:" + window.screen.height;
s += "rn屏幕分辨率的宽:" + window.screen.width;
s += "rn屏幕可用工作区高度:" + window.screen.availheight;
s += "rn屏幕可用工作区宽度:" + window.screen.availwidth;
alert(s);
</script>
document.body.clientwidth ==> body对象宽度
document.body.clientheight ==> body对象高度
document.documentelement.clientwidth ==> 可见区域宽度
document.documentelement.clientheight ==> 可见区域高度
相关链接:js获取浏览器宽度 屏幕宽度 显示器分辨率
输出网页的各部分宽高值;
复制代码 代码示例:
<script>
window.open('default.aspx', 'newwindow', 'height=500, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
</script>
window.open的用法:
default.aspx:要打开的页面
newwindow:窗口名称,也可以为_self,_blank等参数
height:窗口高度
width:窗口宽度
toolbar:是否显示工具栏(yes,no)
menubar:是否显示菜单栏(yes,no)
scrollbars:是否出现滚动条(yes,no)
resizable:是否可以改变窗口大小(yes,no)
location:是否显示地址栏(yes,no)
status:是否显示状态栏(yes,no)
top,left:窗口打开时的坐标;
复制代码 代码示例:
<script>
function centerwindow(url, w, h) {
l = (screen.width - w) / 2
t = (screen.height - h) / 2
window.open(url, '', "height=" + w + ",width=" + h + ",top=" + t + ",left=" + l + "");
}
</script>
<input type="button" onclick="centerwindow('http://www.youth21.i.sohu.com','400','400')"/>
打开一个新的页面居中显示;打开空白页centerwindow(’about:blank’,800,500)
复制代码 代码示例:
<script language="javascript">
redirectpage();
function redirectpage() {
/*var url640x480 = "http://www.baidu.com";**记得改相应的页面*/
var url800x600 = "http://www.baidu.com";
var url1024x768 = "http://youth21.i.sohu.com";
/*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;
}
</script>
根据分辨率大小或屏幕宽度打开不同的页面。