window.innerHeight:获取当前窗口的视口(viewport)高度,即屏幕可视区域的高度。 document.documentElement.clientHeight:获取根元素(通常是<html>)的客户区高度,这在某些情况下与window.innerHeight相同,但在处理兼容性问题时可能会有所不同。 window.outerHeight:获取整个浏览器窗口的高度,包括窗口的UI部分(如工具栏...
$(window).height() //浏览器时下窗口可视区域高度 $(document).height() //浏览器时下窗口文档的高度 $(document.body).height() //浏览器时下窗口文档body的高度 $(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin $(window).width() //浏览器时下窗口可...
1//获取浏览器窗口的可视区域的宽度2functiongetViewPortWidth() {3returndocument.documentElement.clientWidth ||document.body.clientWidth;4}56//获取浏览器窗口的可视区域的高度7functiongetViewPortHeight() {8returndocument.documentElement.clientHeight ||document.body.clientHeight;9}1011//获取浏览器窗口水平滚动条...
window.screen.availWidth;//屏幕可用工作区的高 window.innerWidth;//浏览器可视区域的内宽度,不包含浏览器边框,但包含滚动条 window.innerHeight;//浏览器可视区域的内高度 jQuery 鉴于大家很多使用jquery, 因此这里顺便把jQuery的相应方法附上 $(window).height();//浏览器当前窗口可视区域高度 $(document).height...
==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度看了以上代码,可能会有疑问说body和可见区域到底有什么不同呢,我们在console...原因就是:在浏览器默认的情况下,body有8-10px左右的边距,而可见区域包括了这个边距,因此如果我们用到...
/* 由于用第二个div来挡住页面所以第二个div的宽度和高度都是100% */ #divMain { margin:0 auto; z-index:1;//设置div层所处的位置 position:absolute; } #divLayer { width:100%; height:100%; background-color:#eee; filter:alpha(opacity=90);/*设置半透明效果*/ ...
js scrollIntoView 滚动到元素可视区域 老是忘记这个函数名,记录一下啊 //滚动到可视区域document.querySelector(".loading").scrollIntoView() 1. 2.
js 获取url大全 js获取节点方法的封装 想获取JS加载网页的源网页的源码,不想获取JS加载后的数据 JS常用获取时间的方式汇总 JS获取Shadow DOM中的节点 热门标签 更多标签 云服务器 ICP备案 对象存储 腾讯会议 实时音视频 活动推荐 运营活动 广告 社区 专栏文章 阅读清单 互动问答 技术沙龙 技术视频 团队主页 腾讯云...
document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) 而如果没有定义W3C的标准,则 IE为: ...