zoukankan      html  css  js  c++  java
  • Js怎么获取DOM及获取浏览器的宽高?

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

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

        DOM独立于具体的编程语言,通常通过JavaScript访问DOM,不过并不严格要求这样。可以使用任何脚本语言来访问DOM,这要归功于其一致的API。
        getElementById(id) (document) 获取有指定惟一ID属性值文档中的元素
        getElementsByTagName_r(name) 返回当前元素中有指定标记名的子元素的数组
        hasChildNodes() 返回一个布尔值,指示元素是否有子元素getAttribute(name) 返回元素的属性值,属性由name指定有了W3C DOM,就能编写简单的跨浏览器脚本,从而充分利用XML的强大功能灵活性,将XML作为浏览器和服务器之间的通信介质。  

        W3CDOM,就能编写简单的跨浏览器脚本,从而充分利用XML的强大功能和灵活性,将XML作为浏览器和服务器之间的通质。

      

      如果想获取浏览器的宽度,有以下几种方法:(转载)

        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

      以上就是我对怎么操作DOM,,怎么获取DOM对象的理解,还有怎么获取浏览器的宽高的理解,希望能对大家产生帮助。

  • 相关阅读:
    基于Modelsim的直方图线性拉伸
    基于Modelsim的直方图统计算法仿真
    基于Modelsim的均值滤波仿真
    基于Modelsim的直方图均衡化算法仿真
    基于FPGA的RGB图像转灰度图像算法实现
    基于Modelsim的视频捕获模拟仿真
    基于Modelsim的视频流仿真
    【MSSQL】执行大sql文件-内容乱码处理
    【WINForm】C#应用程序图标设置问题
    【dotNet Core】Swagger下简单的给WebApi分组
  • 原文地址:https://www.cnblogs.com/xkweb/p/5859077.html
Copyright © 2011-2022 走看看