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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【SpringBoot】1、创建第一个SpringBoot项目

    【SpringBoot】1、创建第一个SpringBoot项目创建SpringBoot项目可以通过两种方式,1、通过访问:https://start.spring.io/,SpringBoot的官方网站进行创建SpringBoot项目;2、通过工具(例如:Idea)创建SpringBoot项目。本次使用开发工具:Idea创建我的第一个SpringBoot项目。首先,打开我们的Idea开发工具选择CreateNewPoject(创建一个新的项目)…

    2022年10月13日
  • NETCms教程_html控制台

    NETCms教程_html控制台NETCms教程 1.安装 2.下载 3.模板与标签制作(一) 模板与标签制作(一)http://www.aspxcms.com/tech/2/http://www.aspxcms.com/tech/2.rar4.模板与标签制作(二)模板与标签制作(二)http://www.aspxcms.com/tech/3/http://www.aspxcms.

    2022年9月30日
  • 手机恢复出厂设置命令_OpenWRT 恢复出厂设置命令

    手机恢复出厂设置命令_OpenWRT 恢复出厂设置命令如果通过无线或者有线口无法连接到router,可以用恢复某些设置重新设置路由器。1.开机,等着一个工作灯亮的时候立即按下rest键2秒,然后就开始拼命闪烁,很好现在进入failsafe模式了。2.设置电脑的ip为静态ip192.168.1.x,并设置子网掩码(一般为点一下自动填充)。3.用网线连接路由器的有线口。4.telnet到路由器,默认ip为192.168.1.15.若只是修改某些设置可…

    2022年6月22日
  • 网络编程_8(项目附件)[通俗易懂]

    网络编程_8(项目附件)[通俗易懂]dict.txtabandonmentn.放弃abbreviationn.缩写abeyancen.缓办,中止abidev.遵守abilityn.能力ableadj.有能力的,能干的abnormaladj.反常的,变态的aboardadv.船(车)上abolishv.废除,取消abolitionn.废除,取消abortionn.流产abortiveadj.无效果的,失败的aboutprep.关于,大约ab

    2022年6月15日
  • 数据库的备份与恢复「建议收藏」

    数据库的备份与恢复「建议收藏」数据库的备份与恢复

    2022年4月25日
  • Matlab绘图-很详细,很全面

    Matlab绘图-很详细,很全面

    Matlab绘图
    强大的绘图功能是Matlab的特点之一,Matlab提供了一系列的绘图函数,用户不需要过多的考虑绘图的细节,只需要给出一些基本参数就能得到所需图形,这类函数称为高层绘图函数。此外,Matlab还提供了直接对图形句柄进行操作的低层绘图操作。这类操作将图形的每个图形元素(如坐标轴、曲线、文字等)看做一个独立的对象,系统给每个对象分配一个句柄,可以通过句柄对该图形元素进行操作,而不影响其他部分。
    本章介绍绘制二维和三维图形的高层绘图函数以及其他图形控制

    2022年5月31日

发表回复

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

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