jQuery(document).width(),不包含“white space”

时间:2012-04-13 13:05:17

标签: javascript jquery dom

考虑这两个功能:

  1. jQuery(document).width()
  2. jQuery(window).width()
  3. (1)给出了网页的宽度,(2)粗略地给出了浏览器视口的宽度。

    但是,假设我们有一个800像素宽的网页。

    如果浏览器窗口宽度小于800像素,方法(1)始终返回800.这很好。

    但是如果浏览器窗口宽度大于800像素,则方法(1)返回与(2)相同,而不是800.因此(1)的值取决于浏览器窗口。这不好。

    我的问题是:鉴于您无法控制浏览器窗口大小,并且大多数情况下浏览器窗口宽度大于网页宽度,如何使用javascript / jquery获取真实的网页宽度?

2 个答案:

答案 0 :(得分:1)

AFAIK,浏览器添加滚动条,当它无法在当前窗口宽度中呈现某些时。 所以,如果你有一个固定宽度的主要内容块(我建议你),你可以得到它的宽度 - 它将始终保持不变。

<div id="content">
<!-- Main block -->
</div>

CSS:

#content{
   width:800px;
   margin:0 auto;
}

JS:

$("#content").width()

答案 1 :(得分:0)

不要真正得到问题,但有很多方法可以获得任何对象的宽度,这里是最常用的:

FIDDLE

尝试为该小提琴添加一些标记,并查看是否有任何标记可以获得您想要的内容。