网页中的宽高度（网页视口宽高度，网页滚动宽高度，网页宽高度........）

网页宽高度中的常用参数：

一、页面实际的宽度和高度

网页的高度  document.documentElement.offsetHeight;网页的宽度 document.documentElement.offsetwidth;

二、眼睛能看见的高度和宽度

视口高度    window.innerHeight;视口宽度    window.innerWidth;

三、页面相对于左上角的横纵坐标（眼睛看到的部分）

网页元素距离左上角的视口横坐标   Element.getBoundingClientRect().left;网页元素距离左上角的视口纵坐标   Element.getBoundingClientRect().top;

四、页面相对于左上角的横纵坐标（实际页面的大小）

网页元素左上角的网页横坐标  Element.getBoundingClientRect().left + document.body.scrollLeft;网页元素左上角的网页纵坐标  Element.getBoundingClientRect().top + document.body.scrollTop;

五、页面滚动条移动的距离

网页滚动的水平距离   document.body.scrollLeft;网页滚动的垂直距离   document.body.scrollTop;

六、页面元素的实际高度

网页元素的高度  Element.offsetHeight;网页元素的宽度  Element.offsetWidth;

网页中的宽高度（网页视口宽高度，网页滚动宽高度，网页宽高度........）相关推荐

网页中标签对搜索引擎的影响
对于高级的搜索引擎来说,html 的meta 标签并不是什么新奇的东西.但是无论如何它是一个优秀网页不可缺少的.因为meta标签是内嵌在你网页中的特殊html标签,包含着你有关于你网页的一些隐藏信息 ...
随心下载网页中嵌套的视频（各大视频网站并不适用）
随着HTML5的广泛普及,网页中嵌入的多媒体越来越多,有时候我们在浏览某个网页时对其中某个视频很感兴趣,便想Down下来,但是鼠标放在视频上右击后并不会出现"另存为"这种选项. 在 ...
使用Data URL将图片嵌入到网页中
早些时候,使用IE6浏览器,网页可以另存为mht,如果网页包含图片,那么图片也会存储到mht中. mht是微软提供的一种聚合HTML文档,它的本质其实是一个文本文件,那么我们也许会好奇,它的图片存储到 ...
使用jspdf插件将网页中的内容导出为高保真的pdf文件
文章目录使用jspdf插件将网页中的内容导出为高保真的pdf文件 1. 将网页中的内容导出为pdf文件的四种方式比较 2. 第一种方式:html2canvas + jspdf 导出网页内容 2.1 ...
用JavaScript获取网页中的js、css、Flash等文件
目录一.前言二.从E书或网页中获取文件的一般步骤三.从E书或网页中获取链接进来的css文件四.从E书或网页中获取链接进来的js文件五.从E书或网页中获取Flash文件六.从E书或网页中获取 ...
复制百度文库的文字加什么后缀_10种方式教你复制网页中不能复制的文字
10 种方式教你复制网页中不能复制的文字很多 seoer 写软文都会复制网页中的文字,但是很多网页中的文字都不能复制,于是综合自己平时遇到的问题,收集了 10 种方式,仅供大家参考,有的我自己没 ...
阿拉伯语在网页中排版问题解决
阿拉伯语在网页中排版问题解决参考文章: (1)阿拉伯语在网页中排版问题解决 (2)https://www.cnblogs.com/tdalcn/p/8391914.html 备忘一下.
autoHotkey —同个快捷键在不同网页中不同功能
文章目录 autoHotkey - 同个快捷键在不同网页的功能不同基本环境为什么要做这个事情实现过程代码效果 autoHotkey - 同个快捷键在不同网页的功能不同基本环境 autoho ...
高中计算机表格制作,高中信息技术《在网页中插入表格》说课稿
高中信息技术<在网页中插入表格>说课稿尊敬的各位评委.各位老师,大家好!我是来自玉林市第一中学的杨晓洁老师,我今天说课的题目是<在网页中插入表格>,本节课我准备从以下几个方面 ...
php抓取标签内的内容,php抓取网页中的内容
以下就是几种常用的用php抓取网页中的内容的方法. 1.file_get_contents PHP代码代码如下:>>>>>>>>>>> ...

网页中的宽高度（网页视口宽高度，网页滚动宽高度，网页宽高度........）

网页宽高度中的常用参数：

一、页面实际的宽度和高度

二、眼睛能看见的高度和宽度

三、页面相对于左上角的横纵坐标（眼睛看到的部分）

四、页面相对于左上角的横纵坐标（实际页面的大小）

五、页面滚动条移动的距离

六、页面元素的实际高度

网页中的宽高度（网页视口宽高度，网页滚动宽高度，网页宽高度........）相关推荐

最新文章

热门文章