原生js获取html根元素,JS获取屏幕高度的简单实现代码

主要使用了document对象关于窗口的一些属性,这些属性的主要功能和用法如下。

要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在netscape下需要使用window的属性；在ie下需要深入document内部对body进行检测；在dom环境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。

window对象的innerwidth属性包含当前窗口的内部宽度。window对象的innerheight属性包含当前窗口的内部高度。

document对象的body属性对应html文档的标签。document对象的documentelement属性则表示html文档的根节点。

document.body.clientheight表示html文档所在窗口的当前高度。document.body. clientwidth表示html文档所在窗口的当前宽度。

js获取屏幕高度var s = "";

s += " 网页可见区域宽："+ document.body.clientwidth;

s += " 网页可见区域高："+ document.body.clientheight;

s += " 网页可见区域宽："+ document.body.offsetwidth +" (包括边线和滚动条的宽)";

s += " 网页可见区域高："+ document.body.offsetheight +" (包括边线的宽)";

s += " 网页正文全文宽："+ document.body.scrollwidth;

s += " 网页正文全文高："+ document.body.scrollheight;

s += " 网页被卷去的高："+ document.body.scrolltop;

s += " 网页被卷去的左："+ document.body.scrollleft;

s += " 网页正文部分上："+ window.screentop;

s += " 网页正文部分左："+ window.screenleft;

s += " 屏幕分辨率的高："+ window.screen.height;

s += " 屏幕分辨率的宽："+ window.screen.width;

s += " 屏幕可用工作区高度："+ window.screen.availheight;

s += " 屏幕可用工作区宽度："+ window.screen.availwidth;

s += " 你的屏幕设置是 "+ window.screen.colordepth +" 位彩色";

s += " 你的屏幕设置 "+ window.screen.devicexdpi +" 像素/英寸";

以上这篇JS获取屏幕高度的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

原生js获取html根元素,JS获取屏幕高度的简单实现代码相关推荐

html设置根rem,经过js动态设置根元素的rem方案
rem目前是响应式开发移动端一个很重要也是经常使用的一个元素,可是在网上看的各类文章都会超级懵逼.因此我在下面给出两个方案,也列举出使用方法,让你们一目了然.前提是设计稿以750为准.其中测试的设计稿 ...
js动态生产html元素,js 动态创建 html元素
js 动态创建 html元素 js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500p ...
js获取window窗口高度（页面滚动条可滚动高度） - 代码篇
js中获取窗口高度的方法取窗口滚动条滚动高度 (如下文 · 截图) 一. javascript 和 jquery代码: //原生 javascript 代码: let scrollHeight = ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
js 获取计算机mac地址,JS获取计算机mac地址以及IP的实现方法
JS获取计算机mac地址以及IP的实现方法复制代码代码如下: //这两个是系统里的ActiveX插件用来获取ip以及物理地址 if(objObject.IPEnabled != nu ...
获取html隐藏元素,js获取隐藏元素的宽高
获取隐藏元素(display:none)的物理尺寸问题及场景假如我们有这样一个输入框,点击能展开选择.如下图: 在这里输入框和下方的展开区域是分离的,独立的两个控件!初始状态下面的可选框是隐藏的( ...
html中显示js获取的图片地址,js如何获取UEditor富文本编辑器中的图片地址
写之前在网上找了很多方法,最简单的思路应该是1.获取UEditor中的内容:2.将获取到的字符串转换成jquery对象:3.选择器找到img元素,获取src值.var content= UE.getE ...
js获取PC设备信息,js获取手机设备信息,最全
获取设备系统和型号<封装方法> <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
js获取今天剩余时间_Node.js 在微医的应用场景及实践
我是来自微医集团消费事业群的前端工程师高翔,这篇文章整理自我在<第一届缤纷前端技术沙龙>的主题分享<Node.js 在医疗行业的应用>,介绍了 Node.js 在微医的发展历程 ...
js获取当前服务器信息,js 获取当前服务器的地址
js 获取当前服务器的地址内容精选换一换 DHCP无法正常获取内网IP,当DHCP无法正常获取内网IP时,不同系统的云服务器表现如下:Linux系统表现为无法获取内网IP.windows系统由于自 ...

原生js获取html根元素,JS获取屏幕高度的简单实现代码

原生js获取html根元素,JS获取屏幕高度的简单实现代码相关推荐

最新文章

热门文章