获取浏览器窗口的大小:
<script type="text/javascript"> function getInfo(){ var s = ""; s += "网页可见区域宽:" + document.body.clientWidth; s += "<br>网页可见区域高:"+ document.body.clientHeight; s += "<br>网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条)"; s += "<br>网页可见区域高:"+ document.body.offsetHeight +" (包括边线)"; s += "<br>网页正文全文宽:"+ document.body.scrollWidth; s += "<br>网页正文部分上:"+ window.screenTop; s += "<br>网页正文部分左:"+ window.screenLeft; s += "<br>屏幕分辨率的高:"+ window.screen.height; s += "<br>屏幕分辨率的宽:"+ window.screen.width; s += "<br>屏幕可用工作区高度:"+ window.screen.availHeight; s += "<br>屏幕可用工作区宽度:"+ window.screen.availWidth; s += "<br>你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"; s += "<br>你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"; s += "<br>网页真实宽:" + document.documentElement.scrollWidth; s += "<br>网页真实高:"+ document.documentElement.scrollHeight; document.write(s); } </script>
简单示例:
判断分辨率,假如分辨率低于1024则去掉背景图:
if(window.screen.width<1024){
//alert('成立');
document.getElementById('main').style.background='none';
}else{
}
上一篇: CSS控制段落首个字母放大突出显示
下一篇: 17173.com网站游戏排行榜jq实现效果
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}