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

最新推荐文章于 2023-08-01 11:00:16 发布
最新推荐文章于 2023-08-01 11:00:16 发布
阅读量147 收藏
点赞数
分类专栏： jQuery 文章标签： Chrome IE Web UP
本文探讨了在不同浏览器（如Chrome、Firefox与IE）中获取网页宽度时存在的差异。特别是当页面过长出现滚动条时，Chrome和Firefox计算的文档宽度不包含滚动条宽度，而IE则将滚动条视为文档的一部分。这对于计算元素绝对位置具有一定帮助。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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.
Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.csdn.net/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
360°旋转图片
一入前端深似海
09-11 1670
今天实现一个触摸屏，可以360°来回滑动的图片效果放在vue项目里面！ 网上有很多方法，这里采用其中之一，希望对你有帮助~ 按步骤引入： 在index.html 引入 jq 和一个封装好的js。 封装好的js如下 (function (global, factory) { typeof exports === 'object' && typeof module !== 'u...
无涯教程-jQuery - width( )方法函数
无涯教程
08-01 502
width()方法获取第一个匹配元素的当前计算像素宽度。
webview里面$(document).width()都是一个值
moerduo0的博客
10-08 238
在头文件加上这一行 <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 4470
一、javascript 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： doc
jQuery 获取页面宽高
weixin_34366546的博客
06-29 176
无滚动条的情况下（页面宽高比可视区域小）：$(document)和$(window)的width、height方法获取的值都是一样的,都是可视区域的宽高即$(document).width()==$(window).width() $(document).height()==$(window).height() 有垂直滚动条的情况下（页面高度比可视区域高）：比如，可视区域高度638px,而页面实...
获取浏览器窗口宽度遇到的小bug
weixin_48156583的博客
07-05 270
获取浏览器窗口宽度遇到的小bug，用$(document).width()与实际宽度有偏差
hexo自定义css样式
weixin_43827114的博客
02-18 5875
文章目录自定义CSS部分彩色标签心形转动分类底栏修改配置文件解释站点配置文件主题配置文件 个人博客https://www.renke666.top 尽管在配置文件中做了修改美化了博客，但原有样式还是比较简陋，修改的话就需要自定义CSS样式。这也算是美化博客的一大步进展吧，踩了很多坑。 这篇算是博客的美化部分暂时完结之作，花了很多的精力去美化，整体从十二月初断断续续的忙，寒假初期忙了会也算是忙了有两...
Puppeteer开发过程中遇到的问题及解决方案
m0_54849806的博客
02-21 7732
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API： Google官方文档：https://developers.google.com/web/tools/puppeteer API（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline 问题：如何处理各种验证码？ 解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。 问题：某些网站做了JS防爬检测
jquery获取元素各种宽高及页面宽高总结
weixin_34166847的博客
07-03 711
window.onload=function(){ var a = $("#div").width(),//width()返回元素的宽高，不包括padding/border/margin b = $("#div").innerWidth(),//innerWidth()返回元素的宽高 + padding c = $("#div").outerWidth()...
jquery方法获取各种宽高大全
webHtml5Css3的博客
10-17 346
jquery获取窗口高度和窗口高度，$(document).height()、$(window).height() $(document).height()：整个网页的文档高度$(window).height()：浏览器可视窗口的高度$(window).scrollTop()：浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）$(document.body).height();//浏览器当前窗
PHP提取div的宽度高度,JS获取网页元素屏幕等的宽度高度
weixin_30946627的博客
03-18 124
网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全文高： d...
JQuery 得到元素大小
TXW6666的博客
05-24 320
scrollTop scrollLeft 滚轮 width ( ) 显示被选元素的宽度 height ( )显示被选元素的宽度 innerWidth ( )显示被选元的宽度 (元素宽度与内边距) content.width+ padding outerwidth ( )显示被选元素(外层)宽度(元素宽度与内边距加上边框距离) content.width+ - padding* 2+ border*2 innerheight( )显示被选元素 (元素高度与内边距)高度conten.he..
获取当前屏幕的高度宽度(JQuery/javascript)
weixin_30849403的博客
09-15 331
$(document).ready(function(){$(window).height(); //浏览器当前窗口可视区域高度$(document).height(); //浏览器当前窗口文档的高度 $(document.body).height();//浏览器当前窗口文档body的高度$(document.body).outerHeight(true);//浏览器当前窗口文档body的总高度...
js获取height和width总结
web开发
12-26 284
&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 + 边...
修复chrome浏览器中jQuery的$(document).ready()执行问题
标题所指的知识点为Chrome浏览器对jQuery的$(document).ready()函数的支持问题。$(document).ready()是jQuery库中极为重要的一个函数，它确保了在DOM文档完全加载并解析完成后，才执行其中的代码。这个函数的主要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值