$(document).width() get different result between Chrome/FF and IE

最新推荐文章于 2023-08-01 11:00:16 发布
最新推荐文章于 2023-08-01 11:00:16 发布 · 160 阅读 · 0
文章标签：

#Chrome #IE #Web #UP

本文探讨了在不同浏览器（如Chrome、Firefox与IE）中获取网页宽度时存在的差异。特别是当页面过长出现滚动条时，Chrome和Firefox计算的文档宽度不包含滚动条宽度，而IE则将滚动条视为文档的一部分。这对于计算元素绝对位置具有一定帮助。
When the web page is too long so that scrollbar shows up, $(document).width() will show different result between Chrome/FF and IE.
Chrome/FF will get the width without scrollbar's width, but IE will take the scrollbar as one part of document.

If we want to calculate the absolute position of any element, it may be helpful.
【Docker】完美解决拉取镜像超时报错：ERROR: Get https://registry-1.docker.io/v2/
liu_chen_yang的博客
02-20 11万+
因为我们下载的镜像是外网的镜像资源，所以下载的速度会非常的慢，甚至大概率下载时会报错，所以需要我们配置一个国内的服务器镜像地址，国内服务器镜像地址有很多，这里咱们就说一下阿里镜像加速器的配置方法。
Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题
天行健 君子以自强不息，地势坤 君子以厚德载物。
09-11 1万+
1. favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found) 1.0 现象重现 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met
无涯教程-jQuery - width( )方法函数
无涯教程
08-01 592
width()方法获取第一个匹配元素的当前计算像素宽度。
webview里面$(document).width()都是一个值
moerduo0的博客
10-08 249
在头文件加上这一行 <meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1.0,user-scalable=no;" />
jQuery,javascript获得网页的高度和宽度$(document).height / $(window).height
tingliting的专栏
10-13 4487
一、javascript 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： doc
jQuery 获取页面宽高
weixin_34366546的博客
06-29 183
无滚动条的情况下（页面宽高比可视区域小）：$(document)和$(window)的width、height方法获取的值都是一样的,都是可视区域的宽高即$(document).width()==$(window).width() $(document).height()==$(window).height() 有垂直滚动条的情况下（页面高度比可视区域高）：比如，可视区域高度638px,而页面实...
获取浏览器窗口宽度遇到的小bug
weixin_48156583的博客
07-05 279
获取浏览器窗口宽度遇到的小bug，用$(document).width()与实际宽度有偏差
Vue -- Element UI的Tree组件中，this.$refs.menuTree.setCurrentKey()设置当前被选中的树节点无效果？$nextTick
热门推荐
Emily
08-22 2万+
在项目中，在数据请求完后，获得allMenuData，然后通过 this.$refs.menuTree.setCurrentKey()设置当前被选中的树节点。但是发现并没有效果。 原因：DOM并未渲染完，也就是被选中的树节点还没渲染出来，所以对它操作是无效的。所以需要借助$nextTick，确保DOM已渲染。 $nextTick(function(){ }) //或者 $nextT...
document.get:fail Error: cannot find document with _id xx, please make sure that the document exists
LayHill的博客
09-26 4283
解决方案 修改权限 或 新建此数据集 详细解读 小程序入门云开发的时候总是会遇到这样的问题，而且很坑很难发现： Error: errCode: -1 | errMsg: document.get:fail Error: cannot find document with _id 2021-2022, please make sure that the document exists and you have the corresponding access permission; at documen
关于umi构建项目中的document.ejs模板内容解读
youlinhuanyan的博客
04-05 4794
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" > 如果IE有安装Google Chrome Frame，那么就走安装的组件，如果没有就和一样。 说明：针对IE 6，7，8等版本的浏览器插件Google Chrome Frame，可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是...
jquery获取元素各种宽高及页面宽高总结
weixin_34166847的博客
07-03 730
window.onload=function(){ var a = $("#div").width(),//width()返回元素的宽高，不包括padding/border/margin b = $("#div").innerWidth(),//innerWidth()返回元素的宽高 + padding c = $("#div").outerWidth()...
jquery方法获取各种宽高大全
webHtml5Css3的博客
10-17 389
jquery获取窗口高度和窗口高度，$(document).height()、$(window).height() $(document).height()：整个网页的文档高度$(window).height()：浏览器可视窗口的高度$(window).scrollTop()：浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）$(document.body).height();//浏览器当前窗
PHP提取div的宽度高度,JS获取网页元素屏幕等的宽度高度
weixin_30946627的博客
03-18 131
网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全文高： d...
JQuery 得到元素大小
TXW6666的博客
05-24 339
scrollTop scrollLeft 滚轮 width ( ) 显示被选元素的宽度 height ( )显示被选元素的宽度 innerWidth ( )显示被选元的宽度 (元素宽度与内边距) content.width+ padding outerwidth ( )显示被选元素(外层)宽度(元素宽度与内边距加上边框距离) content.width+ - padding* 2+ border*2 innerheight( )显示被选元素 (元素高度与内边距)高度conten.he..
获取当前屏幕的高度宽度(JQuery/javascript)
weixin_30849403的博客
09-15 343
$(document).ready(function(){$(window).height(); //浏览器当前窗口可视区域高度$(document).height(); //浏览器当前窗口文档的高度 $(document.body).height();//浏览器当前窗口文档body的高度$(document.body).outerHeight(true);//浏览器当前窗口文档body的总高度...
js获取height和width总结
web开发
12-26 291
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;js获取height和width总结&lt;/title&
$(window).width()与window.innerWidth的区别
宁静致远
06-02 2万+
window.innerWidth能获得什么数据？ 在自适应设计中，需要用js来判断浏览器宽度，从而调整网页宽度和布局，我一开始用的是window.innerWidth。 window.innerWidth能获取当前窗口的宽度(包含滚动条)，当浏览器宽度调整时，这个值也会跟着变化。 但是，window.innerWidth在IE8浏览器是无效的。所以，需要使用一个代替品，那就是$
JQuery 获取元素宽度和高度
qq_24917475的博客
06-20 1万+
获取浏览器窗口的高度和宽度：$(document).width()~ $(document).height() width()：返回元素的宽度 height()：返回元素的高度 innerWidth()：返回元素的宽度（含内边距 padding） innerHeight()：返回元素的高度（含内边距 padding） outerWidth()：返回元素的宽度（含内边距 padding + 边...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值