您现在的位置: 冰舟工作室 >> WEB开发 >> JavaScript >> 文章正文

获取web页面大小、分辨率等信息(javascript)

作者:佚名 文章来源:不详 点击数: 更新时间:2008-1-22 16:01:51

网页可见区域宽:document.body.clientWidth
网页可见区域高: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

下面是asp.net下面页面的代码:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>无标题页</title>
</head>
<body>
    
<SCRIPT LANGUAGE="javascript">
function test(){
var  s = "";
+= " 网页可见区域宽:"+ document.body.clientWidth;
+= " 网页可见区域高:"+ 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;
window.alert(s);
}

</script>
    
<form id="form1" runat="server">
    
<div>
<HREF="javascript:test()">点击我查看信息</A>
    
</div>
    
</form>
</body>
</html> 

 



Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1966159


  • 上一篇文章:

  • 下一篇文章:
  • 相关内容
    · JS 控制select表单
    · 经典源码JavaScript之计数器(倒数
    · 高手教程:jsp中根据传入值,用j
    · 使用DOS和javascript在html网页中
    · javascript函数之删除空格
    · javascript巧妙实现WORD里的斜线
    · 经典收藏JavaScript中常用的107条
    · JavaScript圣经之优化篇
    · JavaScript圣经之优化总结
    · IDv+Js+css切换效果
    · 图片幻灯切换代码(纯JS代码带演
    · 常用的107条Javascript
    · JavaScript 删除空格(trim)
    · Javascript 计算闰年
    · JavaScript静态页面值传递之Cook
    · html----javascript----只打开一
    · 妙用JavaScript实现网页的任意缩
    · 通过Javascript把页面导入到Exce
    · javascript
    · 常用的JavaScript语句集(转载)
    · JavaScript语言
    · javascript 实现的锁屏、解屏功能
    · 获取web页面大小、分辨率等信息(
    · php+javascript 静态化简单实例
    · javascript事件的绑定
    · javascript 详解各控件的操作
    · 最新Javascript按比例压缩图片,
    · javascript中的indexOf(),lastin
    · javascript截取字符串方法
    · ajax学习笔记一:面向对象的javas
    · Atlas学习笔记11:扩展javascrip
    · Javascript“画图”Asp.net版
    · dojo (a open source JavaScript
    · 用Acrobat Javascript 开发。
    · JavaScript技术要点
    · 免费的javascript写的控件组件
    · document 文挡对象
    · 用javascript检查文件大小
    · 小议Javascript代码优化方法及原
    · javascript控制lotus的rtf域
    · javascript学习
    · 在线压缩javascript
    · 随心所欲的Web页面打印技术(Asp.
    · javascript 写的tab页代码
    · javascript中replace()函数用法小
    · test

    CopyRights 2007-2008 冰舟工作室 All Rights Reserved
    www.bz918.com