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”+”
“);

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

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

(0)
上一篇 2022年7月23日 下午10:46
下一篇 2022年7月23日 下午10:46


相关推荐

  • Idea激活码永久有效Idea2021.1.3激活码教程-持续更新,一步到位

    Idea激活码永久有效Idea2021.1.3激活码教程-持续更新,一步到位Idea激活码永久有效2021.1.3激活码教程-Windows版永久激活-持续更新,Idea激活码2021.1.3成功激活

    2022年6月17日
    283
  • double类型的输入与输出

    double类型的输入与输出scanf 用 lf 来接受 double 类型 printf 用 f 输出 double 类型原因 printf 的 f 说明符的确可以输出 float 类型也可以输出 double 类型 根据 默认参数提升 规则 float 型会被提升为 double 类型 对于 scanf 它接受指针 没有类似的类型提升 通过指针 向 float 存储和 double 存储大不一样 所以 scanf

    2025年12月10日
    5
  • Win10+Ubuntu18.04双系统安装教程「建议收藏」

    Win10+Ubuntu18.04双系统安装教程「建议收藏」一.说在前头不同的配置安装方法不同,我也是小白第一次安,也是看了无数个教程不断重安了无数次才成功的,所以我的教程不一定适合你的配置,但你可以耐心的按照我的思路尝试,如果你有更好的想法,欢迎指出。我的配置如下:神舟笔记本,双硬盘(128固态+1t机械),bios模式为uefi(按Win+R打开运行,输入msinfo32,回车查看系统信息。在BIOS模式中如果显示“传统”,表示系统启动方式为…

    2022年7月24日
    9
  • telnet 测试IP和端口命令

    telnet 测试IP和端口命令语法 telnetIPPORT 可以联通不可以联通

    2026年3月19日
    1
  • OkHttpClient 介绍

    OkHttpClient 介绍整体分为 5 步 创建 HttpClient 对象创建请求 request 对象执行请求响应分析资源释放 packagecom maodou autotest utils importokhttp Interceptor importorg apache http client HttpClient importorg slf4j Logger importorg slf4j LoggerFactor importokhttp importjava io

    2026年3月19日
    3
  • java jettison_java – 使用Jettison进行JSON解析 – 堆栈内存溢出

    java jettison_java – 使用Jettison进行JSON解析 – 堆栈内存溢出如果您最终正在寻找使用 JAXB JSR 222 实现与 JSON 交互的方法 那么以下是使用 MOXy 完成它的方法 Jettison 是一个有趣的库 但是你会遇到一些问题 演示仅使用标准 JavaSEAPI 需要在 Unmarshaller 上设置两个 MOXy 特定属性 eclipselink media type 指定 application json eclipselink json

    2026年3月18日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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