首页
行业
前端
特效
人生
知识库
站内搜索：
首页
>>
前端
>> 内容
top、clientTop、scrollTop、offsetTop
时间：2006/8/8
top、clientTop、scrollTop、offsetTop
图示说明如下：
<html> <head> <title>51windows.Net </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> </style> </head> <body> <SCRIPT LANGUAGE="javascript"> var s = ""; s += "\r\n网页可见区域宽："+ document.body.clientWidth; s += "\r\n网页可见区域高："+ document.body.clientHeight; s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线的宽)"; s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)"; s += "\r\n网页正文全文宽："+ document.body.scrollWidth; s += "\r\n网页正文全文高："+ document.body.scrollHeight; s += "\r\n网页被卷去的高："+ document.body.scrollTop; s += "\r\n网页被卷去的左："+ document.body.scrollLeft; 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> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
上一篇：
梦幻式下拉菜单
下一篇：
CSS实现表格的背景两色渐变
用户评论
已有
0
人评论
阅读更多评论
相关文章
·
Tornado的请求与响应知识详解
·
let、const以及ES6声明变量的6种方式介绍
·
使用tomcat端口被占用问题的解决方法
·
vue-todoList代码实例
·
如何将Openlayers与React的结合？
·
zepto源码研究之$如何实现？
·
prototype属性的作用介绍
·
Propertyorfield‘menuName’cannotbefoundonnull报错如何解决？
·
openlayer4点、线、面绘制与交互代码教程
·
将Tomcat的http改为https的方法步骤
返回顶部
