首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
top、clientTop、scrollTop、offsetTop
所属分类：
网络编程
/
CSS/HTML
阅读数： 1806
收藏 0
赞 0
分享
top、clientTop、scrollTop、offsetTop
图示说明如下：
<html><head><title>51windows.Net </title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></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需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
input文本框样式代码实例
input文本框样式代码实例
评论 0
收藏 0
赞 0
分享
div+css实现自适应宽度按钮
div+css实现自适应宽度按钮
评论 0
收藏 0
赞 0
分享
h1标签的使用技巧
h1标签的使用技巧
评论 0
收藏 0
赞 0
分享
base href 使用方法详解
base href 使用方法详解
评论 0
收藏 0
赞 0
分享
html label标签的使用教程
html label标签的使用教程
评论 0
收藏 0
赞 0
分享
使用CSS不用程序实现文字自动截断 用省略号代替
使用CSS不用程序实现文字自动截断 用省略号代替
评论 0
收藏 0
赞 0
分享
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
评论 0
收藏 0
赞 0
分享
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
评论 0
收藏 0
赞 0
分享
CSS图片拼合生成器只需上传zip包即可
CSS图片拼合生成器只需上传zip包即可
评论 0
收藏 0
赞 0
分享
用iframe margin实现调用其他网页的某一区域的方法
用iframe margin实现调用其他网页的某一区域的方法
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
朋友圈疯传的万能Wi-Fi账号是假的 犯了常识性错误
调查：55.2%受访用户不会相信朋友圈打广告的化妆品
淘宝客运营经验:如何提高店铺知名度活跃度
六一儿童节微营销秘籍 互动吸粉6大招
Papi酱首次直播的八大平台是哪些 打赏90万服不服
SEO赚钱的途径有几种？简析当前靠SEO赚钱的几种途径
站长故事
更多
为何说魅族的小米路线注定走不通？
有钱就是任性 2014年科技界大佬十大惊人语录
直击苹果发布会：苹果iWatch能否能撑起一个市场？
苹果发布三款新品：一个丑+另一个丑+一个死贵？
站长故事 一位“苦逼站长”的心酸 SEO真的如此简单吗？
大学生谈网络赚钱的经历
