Js操作DOM及获取浏览器高度以及宽度

　　在JavaScript中，经常会需要获取document文档元素，是HTML文档对象模型的缩写，HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。

　　通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

childNodes 反回当前元素所有子元素的数组，firsChild返回当前元素的第一个下级子元素，lastChild反回当前元素的最后一个子元素,nextSibling 返回紧跟在当前元素后面的元素,nodeValue指定表元素，的读/写属性 parentNode指定表示元素的父节点 previousSibling返回紧邻当前元素之前的元素。

document.getElementById是获取有指定惟一ID属性值文档中的元素。document.getElementByTagName返回当前元素中有指定标记名的子元素的数组,hasChildNodes()返回一个布尔值,指示元素是否有子元素，document.getElementBycClassName是获取文档中的类名元素，document.getElementsByName(elementName) ：通过name获取节点，从名字可以看出，这个方法返回的不是一个节点元素，而是具有同样名称的节点数组。然后，我们可以通过要获取节点的某个属性来循环判断是否为需要的节点。

　　如果想获取浏览器的宽度，有以下几种方法：

　　1.获取网页可见区域的宽度：document.body.clientWidth ;

　　2.获取网页可见区域的高度：document.body.clientHeight;

　　3.获取网页可见区域宽：document.body.offsetWidth; (包括边线的宽度)

　　4.获取网页可见区域高：document.body.offsetHeight ;(包括边线的宽度)

　　5.获取网页正文全文宽：document.body.scrollWidth ;

　　6.获取网页正文全文高：document.body.scrollHeight ;

　　7.获取网页被卷去的高：document.body.scrollTop ;

　　8.获取网页被卷去的左：document.body.scrollLeft ;

　　9.获取网页正文部分上：window.screenTop ;

　　11.获取网页正文部分左：window.screenLeft;

　　12.获取屏幕分辨率的高：window.screen.height;

　　13.获取屏幕分辨率的宽：window.screen.width ;

　　14.屏幕可用工作区高度：window.screen.availHeight

　　15.屏幕可用工作区宽度：window.screen.availWidth

转载于:https://www.cnblogs.com/nomercy/p/5858063.html

Js操作DOM及获取浏览器高度以及宽度相关推荐

编辑器js获取浏览器高度和宽度值(转)
js获取浏览器高度和宽度值网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docume ...
java中如何设置浏览器宽度_[Java教程]关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)_星空网...
关于JS中获取浏览器高度和宽度值的多种方法(多浏览器) 2017-08-07 0 三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 d ...
js 获取浏览器高度和宽度值
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.d ...
不同浏览器JS获取浏览器高度和宽度
摘自:http://blog.csdn.net/lai_gb/archive/2009/07/04/4320956.aspx IE中: document.body.clientWidth ==> ...
js 获取浏览器高度和宽度值(多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 documen ...
js 获取浏览器高度和宽度值(兼容多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 documen ...
JS兼容所有浏览器获取浏览器高度和宽度
var w = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth; var h = ...
js获取浏览器窗口页面宽度、高度的方法 kaki 的博客
js获取浏览器窗口页面宽度.高度的方法不多说,直接上代码 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()) ...
JS获取浏览器高度并赋值给类
JS获取浏览器宽高的兼容写法: var w = window.innerWidth || document.documentElement.clientWidth || document.body.c ...

Js操作DOM及获取浏览器高度以及宽度

Js操作DOM及获取浏览器高度以及宽度相关推荐

最新文章

热门文章