js获得页面的高度和宽度

操作方法

  • 01

    今天在做一个弹出dialog时，遇用到了取父页面的宽度和高度的方法。 尝试了几种方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，发现都不是我想要的结果，后... 今天在做一个弹出dialog时，遇用到了取父页面的宽度和高度的方法。 尝试了几种方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，发现都不是我想要的结果，后来发现了一个高效的方法，立刻大家分享之： 在需要取高度和宽度的地方加断点调试【debugger】，然后在监控页面里面输入document.body，查看所有body的属性看看哪个结果是自己需要的，如果没有适合还可以输入window，然后看看window下是否有适合的属性，今天我的问题解决就是通过这种方式解决的，属性是window.innerWidth和window.innerHeight。

赞 (0)

相关推荐

  • js 获取div高度并重新设置div高度与宽度

    操作方法 01 js 获取div高度并重新设置div高度与宽度 方法二 方法三

  • WORD中怎么调整单页的高度和宽度？

    word是我们日常工作中经常会使用到的办公软件.今天小编要和大家分享的是WORD中怎么调整单页的高度和宽度?希望能够帮助到大家. 操作方法 01 首先我们先在桌面上新建一个word文档,如下图所示. ...

  • excel表格中如何根据内容自动调整高度和宽度

    excel表格中根据内容自动调整高度和宽度方法如下: 1.打开要编辑的excel表,在单元格中输入数据时,如果数据长度超过了单元格的宽度,可以设置单元格的"自动调整宽度"格式. 2 ...

  • excel表格怎么调整高度和宽度

    调整excel表格的高度和宽度的步骤: 打开excel表格,如图把需要加高的那一行选中, 点击鼠标右键,点击行高,如图 这时会弹出一个小框,如图,在这里你可以设置定你自己想要的行高,如图 14.25是 ...

  • 电脑word中图片高度跟宽度怎么编辑

    电脑word中图片高度跟宽度怎么编辑

    word是我们常用的文字处理工具,但是我们也可以用word来处理图片,接下来小编就教大家怎样用word来修改图片的高度跟宽度具体如下:1首先我们打开电脑进入到电脑桌面然后在桌面上找到word图标,接下 ...

  • PS如何修改图片分辨率以及高度、宽度

    PS如何修改图片分辨率以及高度、宽度

    PS是一款功能强大的图片编辑软件,有些新用户不知道PS如何修改图片分辨率以及高度.宽度,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图箭头所指,打开电脑中的PS软件.2. ...

  • 怎么通过Pr单独缩放视频高度、宽度

    怎么通过Pr单独缩放视频高度、宽度

    Pr是现在十分常用的一款视频编辑软件,有些新用户不知道怎么通过Pr单独缩放视频高度.宽度,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的Pr软件,先导入需要编辑的视频 ...

  • Word中怎样制作指定高度和宽度的文字

    有时因特殊需要,需要在Word中制作一个指定高度和宽度的文字,可以使用艺术字制作. 操作方法 01 建立Word文档. 02 点击"插入"-"艺术字",选择其中 ...

  • 在WPS文字中如何调整字体的高度和宽度

    为了使字体显示更好看,或者需要根据屏幕的分辨率来调整字体的显示比例,我们需要用到WPS文字中的字体自定义功能. 操作方法 01 我先来讲解高度自定义设置,首先选中需要设置的文字 02 输入字号大小文成 ...