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对象的理解,还有怎么获取浏览器的宽高的理解,希望能对大家产生帮助。

  • 相关阅读:
    [转载]在sharepoint里增加PDF图标显示收藏主题
    CuratorFramework开源Zookeeper快速开发框架介绍
    Zookeeper和CuratorFramework实践之:分布式消息队列
    Zookeeper和CuratorFramework实践系列之: 配置管理
    JS 文字向上滚动代码
    sql递归查询问题
    双线单IP和双线双IP机房的区别
    js获取标准北京时间
    ftp 21端口被占用解决办法
    "由于没有远程桌面授权服务器可以提供许可证..."不能远程桌面解决方法
  • 原文地址:https://www.cnblogs.com/xkweb/p/5859077.html
Copyright © 2011-2022 走看看