如何在火狐中获取浏览器的高度

最新推荐文章于 2021-03-18 11:23:35 发布

原创最新推荐文章于 2021-03-18 11:23:35 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #html #javascript

JS 同时被 2 个专栏收录

28 篇文章

订阅专栏

HTML

8 篇文章

订阅专栏

本文探讨了在火狐浏览器中使用JavaScript时遇到的height=0问题，并解释了原因在于缺少W3C标准DOCTYPE声明。文章强调遵循标准对于解决兼容性问题的重要性。

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

1.使用方法:

   window.onload=function(){
           var width=document.documentElement.clientHeight;
           var height=document.documentElement.clientWidth;
           alert(width+"------"+height);
       }

可能用这个方法在其他的浏览器屡试不爽,但是在火狐中就会出现height=0的情况.问其故,这是因为你没有在页面加入

W3C的标准


或
<!DOCTYPE html>

哎!!这就是兼容性啊!还是按照标准的好!!

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

撒哈拉的绿洲

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

不同浏览器获取DOM元素的各种高度

前端小白的博客

02-28

1万+

HTML中高度和宽度的获取，跨浏览器兼容性，以及jQuery中操作

火狐在用offsetHeight获取div的高度时为0的解决方法

12-13

火狐在需要获取div的高度时，往往需要用到offsetHeight，有时会碰到offsetHeight获取到为0的现象，在使用IE或者火狐中，特别在目前div+css的方式，往往不定义div的高度，这是在添加div内容后，需要获取div的高度时，往往需要用到offsetHeight。在使用中，有时会碰到offsetHeight获取到为0的现象，但如果你用各种JS调试工具调试，又能在对象中看到值（如果直接指向offsetHeight是没值的，但如果是对象查看是有值的，在调试器中回车查看对象就已经刷新对象了，所以有值。）比如下面片段代码如下: 复制代码代码如下: <!DOCTYPE

参与评论您还未登录，请先登录后发表或查看评论

在ie, firefox, chrome上用js 获取页面的高度

日々精進

03-06

493

function getInfo() { var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"

Javascript获取页面各种宽度高度（各种浏览器ie6,ie7,firefox下怎么获取更好兼容）

junmoxie的专栏

04-22

3467

关于获取各种浏览器可见窗口大小的一点点研究,这里面有些在兼容性不是很好，请看后面的介绍。 function getInfo() { var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s += "

火狐下获取不到当前文档高度

Bright2017的博客

04-11

448

这个算是一个兼容性问题了。

火狐浏览器高度自适应解决方法定义

orchids_lan的专栏

11-03

1865

height:高度;min-height:最小高度（只针对火狐，IE不识别该标签）!important:重要，提前；（当该标签出现在同一选择器里时，火狐优先执行，而IE默认执行最后一个属性；）需要注意的是：在针对一个需要定高度，同时又希望能高度随内容的变化自适应的话，写发的顺序要注意；下面是正确的定义顺序； height:auto!important; min-heigh

js 获取浏览器高度和宽度值(多浏览器)

10-29

在 Opera 中，获取浏览器的高度和宽度值的方法与 IE 和 FireFox 相似，但有一些区别。 * `document.body.clientWidth`: 获取可见区域的宽度。 * `document.body.clientHeight`: 获取可见区域的高度。 * `document....

js获取浏览器高度窗口高度元素尺寸偏移属性的方法

10-21

在本文中，我们将深入探讨如何使用JavaScript获取浏览器高度、窗口高度、元素尺寸以及元素的偏移属性。这些都是前端开发中常见的需求，理解并掌握这些方法对于优化用户体验至关重要。首先，我们来看如何获取浏览器...

js获取文本框的值!js获取浏览器高度和宽度值[收集].pdf

10-11

* 在 FireFox 中，`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是可见区域的高度和宽度 * 在 Opera 中，`document.body.clientHeight` 和 `document.body.clientWidth` 获取的是可见区域的...

js获取文本框的值!js获取浏览器高度和宽度值.pdf

11-18

在 JavaScript 中，获取浏览器高度和宽度值是非常重要的，下面将详细介绍各种方法：获取浏览器高度和宽度值在 JavaScript 中，可以使用多种方法来获取浏览器高度和宽度值，以下是一些常用的方法： 1. 使用 `...

浏览器、屏幕、页面的高度获取

weixin_30318645的博客

12-11

136

https://www.cnblogs.com/chris-oil/p/6662894.html 转载于:https://www.cnblogs.com/haonanya/p/10100946.html

获取浏览器窗口（window）的宽高

热门推荐

想好了再写！

03-18

1万+

以下三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 1.对于Internet Explorer、Chrome、Firefox、Opera 、 Safari： 浏览器窗口的内部高度: window.innerHeight 浏览器窗口的内部宽度: window.innerWidth 2.对于 Internet Explorer 8、7、6、5： 浏览器窗口的内部高度: document.documentElement.clientHeight 浏览器窗口的内部宽度: d

js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置

zhuyu19911016520

05-14

2036

//得到页面高度 var yScroll = (document.documentElement.scrollHeight >document.documentElement.clientHeight) ? document.documentElement.scrollHeight : document.documentElement.clientHeight; alert(yScr

$(window).height(),在火狐下面获取的高度并不是可视区域的高度

weixin_30740295的博客

01-15

350

很简单，我发现是没有写<!DOCTYPE html>造成的，加上去就可以了转载于:https://www.cnblogs.com/djh-create/p/5133879.html

Javascript、Jquery获取浏览器和屏幕各种高度宽度

北冥の魚

08-29

1052

Javascript、Jquery获取浏览器和屏幕各种高度宽度，Javascript:alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight); //网页可见区域高(body)alert(document.body.offsetWidth); //网页可见区域宽(body)

跨浏览器获取滚动条高度解决方案

本文主要探讨如何在不同的浏览器环境下，包括Internet Explorer、Firefox和Opera，获取当前Div元素的滚动条高度。这是一个常见的前端开发问题，因为不同浏览器对滚动条高度的处理方式存在差异。在Web开发中，特别...