`

使用$(window)[0].innerHeight 代替$(window).innerHeight()或$(window).height()

阅读更多
如下图所示,不知道为什么使用$(window).height()获取的数值与实际需要的数值不符合。

console.log($(window).height());
console.log($(window)[0].innerHeight);
console.log($(window).innerHeight());


按说这么小的窗口应该获取200+的px值。
但是不论怎么弄都是660。


代码检查了好久也查不到问题。

使用$(window)[0].innerHeight 问题就解决了。 实在不明白。

  • 大小: 123.7 KB
分享到:
评论

相关推荐

    jQuery响应式聊天窗口界面特效.zip

     var totalHeight = $(window).height(); //页面整体高度  $(".chatBox-info").css("height", totalHeight - topHeight);  var infoHeight = $(".chatBox-info").innerHeight();//聊天头部以下高度  //中间...

    window.open.txt

    根据提供的文件信息,我们可以深入探讨`window.open()`方法在不同浏览器环境下的特性和使用细节。 ### window.open() 方法概述 `window.open()`是JavaScript中一个非常实用的方法,它用于在一个新的浏览器窗口或...

    window.open最大化问题

    在上面的代码中,我们首先使用 Window.open 方法打开一个新的窗口,然后使用 moveTo 方法将窗口移动到左上角,接着使用 focus 方法将焦点设置到新打开的窗口中,最后使用 blur 方法将焦点从当前窗口移除。...

    jsWindow对象及方法.pdf

    此外,文档中还提到了window对象的outerWidth、outerHeight、innerWidth、innerHeight等属性,这些属性分别用于获取浏览器窗口的外部宽度、外部高度、内部宽度和内部高度。还有关于toolbar、directories、status、...

    window.open 控制

    在本文中,我们将深入探讨如何使用`window.open()`来创建并控制弹出窗口,尤其是如何实现窗口的最大化和获取焦点。 首先,`window.open()` 的基本语法如下: ```javascript window.open(url, name, features); ```...

    JS测试显示器分辨率

    要获取显示器的宽度和高度,我们可以使用`window.innerWidth`和`window.innerHeight`属性。这两个属性分别返回浏览器窗口的可视区域宽度和高度,不包括浏览器的工具栏、菜单栏等非内容区域。例如: ```javascript ...

    IFrame AND window对象

    3. **窗口大小和位置**:`window.innerWidth`和`window.innerHeight`返回窗口的内部宽度和高度,`window.resizeTo()`和`window.moveTo()`可以调整窗口大小和位置。 4. **定时器**:`window.setTimeout()`和`window....

    juqery实现div弹出居中

    var topPosition = (windowHeight - popupHeight) / 2; $(this).css({ "position": "fixed", "top": topPosition + "px", "left": leftPosition + "px", "z-index": "9999" }); }); // 如果需要点击其他...

    javascript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf

    windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { windowHeight = document.documentElement.clientHeight; } else if (document.body) { ...

    jQuery仿美橙官网右侧悬浮固定在线客服代码

    var windowHeight = $(this).innerHeight(); var pageBottom = scrollTop + windowHeight; if (pageBottom >= $(document).height()) { $chat.css('bottom', 'auto').css('top', '0'); } else { $chat.css('...

    JavaScript获取屏幕高度和宽度等信息

    #### 1.2 使用`window.innerWidth`和`window.innerHeight` `window.innerWidth`和`window.innerHeight`属性返回的是可视区域的宽度和高度,即浏览器窗口内实际可用于显示网页内容的部分。这两个属性考虑了滚动条和...

    使用JS+CSS实现DIV层自适应高度和宽度

    我们可以使用`window.innerHeight`或`document.documentElement.clientHeight`来获取浏览器窗口的高度。这两种方法都可以获取浏览器窗口的高度,但是它们的使用场景不同。如果浏览器支持`window.innerHeight`,那么...

    my97日历控件

    V.$dp)V.$dp={ff:G,ie:S,opera:c,status:0,defMinDate:$.minDate,defMaxDate:$.maxDate};B();if($.$preLoad&&$dp.status==0)E(Y,"onload",function(){U(null,true)});if(!Y[N].docMD){E(Y[N],"onmousedown",D,true);...

    【JavaScript源代码】Vue实现大屏页面的屏幕自适应.docx

    let isWider = (window.innerWidth / window.innerHeight) >= (appConfig.screen.width / appConfig.screen.height); if (isWider) { _el.style.height = window.innerHeight + 'px'; _el.style.width = pageH ...

    jQuery获得document和window对象宽度和高度的方法

    在某些特殊情况下,可能需要获得浏览器窗口可视区域的尺寸,这时可以使用$(window).innerWidth()和$(window).innerHeight()方法,这两个方法返回的是浏览器窗口内部的宽度和高度,包括滚动条的区域。而获取不包括...

    屏幕从中间拉开JS特效之.pdf

    temp2[1].height = window.innerHeight; temp[1].left = (window.innerWidth - temp[1].width) / 2; temp[1].top = (window.innerHeight - temp[1].height) / 2; temp2[1].left = (window.innerWidth - temp2[1]...

    【温故而知新】JavaScript的BOM之Window对象.md

    var height = window.innerHeight; console.log("当前窗口宽度:", width); console.log("当前窗口高度:", height); // 设置窗口大小 window.resizeTo(800, 600); ``` #### 三、属性详解 - **closed**:返回布尔...

    判断滚动条是否滚动到底部以及判断页面数据是否修改

    在实际应用中,为了兼容IE浏览器,我们可能还需要考虑使用`attachEvent`代替`addEventListener`,以及用`document.documentElement`或`document.body`来获取滚动距离,因为IE的兼容性问题。 总的来说,"判断滚动条...

    javascript经典特效---最大、最小化按钮2.rar

    或者,如果希望最大化到窗口大小,可以使用`window.innerWidth`和`window.innerHeight`: ```javascript maximizeBtn.addEventListener('click', () => { const container = document.getElementById('container...

Global site tag (gtag.js) - Google Analytics