首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
top、clientTop、scrollTop、offsetTop
所属分类：
网络编程
/
CSS/HTML
阅读数： 1707
收藏 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需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
滚动条效果
滚动条效果
评论 0
收藏 0
赞 0
分享
层自动适应高度
层自动适应高度
评论 0
收藏 0
赞 0
分享
让2个DIV居中并排显示
让2个DIV居中并排显示
评论 0
收藏 0
赞 0
分享
会移动的文字(Marquee)
会移动的文字(Marquee)
评论 0
收藏 0
赞 0
分享
认识CSS中absolute与relative
认识CSS中absolute与relative
评论 0
收藏 0
赞 0
分享
用CSS构建iframe效果
用CSS构建iframe效果
评论 0
收藏 0
赞 0
分享
不用float实现模块居中布局
不用float实现模块居中布局
评论 0
收藏 0
赞 0
分享
引入CSS样式的五种方式
引入CSS样式的五种方式
评论 0
收藏 0
赞 0
分享
利用相对定位及偏移量做精美输入界面
利用相对定位及偏移量做精美输入界面
评论 0
收藏 0
赞 0
分享
用CSS实现文字变图象特效
用CSS实现文字变图象特效
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
内容型网站实现盈利的6种方法
最强PS网银汇款截图：轻松骗走网店17万奢侈品
让所谓“网络营销”的人哭笑不得：一个圈外人士的真实网赚经历
一个既能省钱又能赚钱的公众号 你要错过么
企业网站通过流量变现有哪些关键的环节需要注意？
2021年后通过网络、自媒体赚钱的几种方法
站长故事
更多
微营销实例之一个80后妈妈的微商之旅
年轻站长的苦逼SEO路：虽难却依旧顽强的坚持着
创业失败：一个屌丝站长4年互联网的辛酸经历
华人首富李嘉诚投资互联网的故事
做站7年
一个新手站长的几年seo外链过程
