html5 scrollheight,scrollHeight和scrollWidth,获取网页内容高度和宽度不正确

html5 scrollheight,scrollHeight和scrollWidth,获取网页内容高度和宽度不正确问题如下图所示,高度明显不正确,请问问题出在哪,希望能给出详细解释。另外,希望能再具体解释下document.documentElement.clientHeight、window.innerHeight、document.documentElement.scrollHeight及document.body.clientHeight之间的关系,发现document.body.clientHeigh…

大家好,又见面了,我是你们的朋友全栈君。

问题如下图所示,高度明显不正确,请问问题出在哪,希望能给出详细解释。另外,希望能再具体解释下document.documentElement.clientHeight、window.innerHeight、document.documentElement.scrollHeight及document.body.clientHeight之间的关系,发现document.body.clientHeight和document.documentElement.scrollHeight的值不随浏览器窗口大小改变,其他的两个随窗口大小改变,两值相同。感谢!

47b1e1be5fe71406889f279931876f76.png

具体代码:HTML>

var w=document.documentElement.scrollWidth || document.body.scrollWidth;

var h=document.documentElement.scrollHeight || document.body.scrollHeight;

document.write(“网页的实际宽度:”+w+”px”+”
“);

document.write(“网页的实际高度:”+h+”px”+”
“);

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/163746.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • gradle的配置_安卓gradle安装和使用配置

    gradle的配置_安卓gradle安装和使用配置初识GradleGradle是一个基于ApacheAnt和ApacheMaven概念的项目自动化建构工具。它使用一种基于Groovy的特定领域语言来声明项目设置,而不是传统的XML。当前其支持的语言限于Java、Groovy和Scala,计划未来将支持更多的语言。怎么看上面都是一段很官方的解释,对于入门的人来说简直是一个噩梦般的解释(包括以前的我)。那下面我就用通俗一点语言说说我的理解…

    2022年10月30日
  • 数据结构与算法邹永林周蓓课后答案_数据结构与算法分析第二版答案

    数据结构与算法邹永林周蓓课后答案_数据结构与算法分析第二版答案出版社:外语教学与研究出版社作者:郑诚出版日期:2012.4ISBN:9787513517409具体封面以实物为准目录数据结构导论自学考试大纲出版前言1.课程性质与课程目标2.考核目标3.课程内容与考核要求4.关于大纲的说明与考核实施要求附录题型举例后记数据结构导论前言第一章概论1.1引言1.2基本概念和术语1.2.1数据、数据元素和数据项1.2.2数据的逻…

  • 10.2 网页插入背景音乐「建议收藏」

    10.2 网页插入背景音乐「建议收藏」一、bgsound标签简介在网页中可以为某个网页设置背景音乐,使用的是bgsound标签。bgsound是用以插入背景音乐,但只适用于IE浏览器,在Firefox等中未必适用。语法:背景音乐的文件可以是avi、mp3等声音文件。“背景音乐的地址”可以是相对路径,也可以是绝对路径。强烈不推荐使用绝对路径。使用bgsound加入背景音乐与使用embed加入音频不一样,加入音频是有操

  • 点击APP引用service却进入了class文件的解决[通俗易懂]

    点击APP引用service却进入了class文件的解决[通俗易懂]现象:app项目引用service,点击类,进入了calss文件。解决:APP项目右击,bulidpath在javabulidpath中的Projects中点击add加入对应的service,最后apply,如果还未解决,在orderandexport中将对应的serviceup到最上面。…

  • include的使用方法(include和contain)

    include的作用:#include叫做“文件包含”/ include 语句包含并运行指定文件。功能:它的功能是用来指定文件的全部内容替换程序中的命令行,从而使指定的文件与当前源文件连成一个源文件书写格式:#include<文件名>//表示编译系统根据系统头文件存放的目录路径去搜索系统头文件,而不是在源文件目录去查找#include"文件名"//表示编译…

  • 微信养号防封攻略_防封群微信怎么卖「建议收藏」

    微信养号防封攻略_防封群微信怎么卖「建议收藏」任何企业或者个人做营销或者推广等等一切都离不开微信,有很多企业和个人的生存渠道就是微信,如果把微信号封了,几乎是断了他们生存的机会,在这样的大环境下,把自己企业和个人的微信号养好,就成了非常重要的一个环节。微信能安全使用,是所有一切的基础。但是很多人现在还不懂的去操作养号,这几天我个人也陆续有号被封,所以我就整理了一下微信养号的操作方法。自己可以使用,也顺便分享给更多的人,这个操作方法涵盖了微信每天养号需要必须要操作的动作,这些动作是每天必须要操作的。先说一下微信权重的影响因素微信养号一、微信权重

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号