简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

获取网页,屏幕大小,边线大小

来源:易贤网   阅读:789 次  日期:2014-08-26 15:36:57

温馨提示:易贤网小编为您整理了“获取网页,屏幕大小,边线大小”,方便广大网友查阅!

查看效果:获取网页,屏幕大小,边线大小

<html>

<title>获取网页,屏幕大小,边线大小</title>

<body>

<script type="text/javascript">

var s="";

s+="<br>网页整体区域宽:"+document.body.clientWidth;

s+="<br>网页可见区域高:"+document.documentElement.clientHeight;//window.innerWidth -firefox;

s+="<br>网页可见区域宽:"+document.body.offsetWidth+"(包括边线的宽)";

s+="<br>网页可见区域高:"+document.body.offsetHeight+"(包括边线的高)";

s+="<br>网页正文全文宽:"+document.body.scrollWidth;

s+="<br>网页正文全文高:"+document.body.scrollHeight;

s+="<br>网页被卷去的高:"+document.body.scrollTop;

s+="<br>网页被卷去的左:"+document.body.scrollLeft;

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;

document.write(s);

</script>

</body>

</html>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js图片翻滚效果
下一篇:设置按钮激活状态
易贤网手机网站地址:获取网页,屏幕大小,边线大小
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!