zoukankan      html  css  js  c++  java
  • javascript基础知识系列:DOM学习

    访问节点:

    短距离的旅行:

      parentNode:获得父节点。

      firstChild:获得第一个子节点。

      lastChild:获得子节点的最后一个。

    访问节点的文本:

      var  x=[a.paragraph];

      var text = x.firstChild.ndoeValue;

    parentNode:长用来改变文档结构 ,删除

      var x = document.getElementById("maindiv");

      x.parentNode.removeChild(x);

    两个特殊的属性可以访问根节点:

      1.document.documentElement

      2.document.body

    节点信息

    每个节点都拥有包含着关于节点某些信息的属性:

      1.nodeName(节点名称)

      2.nodeValue(节点值)

      3.nodeType(节点类型)

    nodeName:XML元素的标签名大写。

      元素节点的nodeName  是标签名

      属性节点的nodeName  是属性名称

      文本节点的nodeName  是#text

      文档节点的nodeName  是#document

    nodeType:

      文本节点的nodeValue  包含文本

      属性节点的nodeValue  属性值

      文档节点和元素节点不可用nodeValue

    nodeType:节点属性类型

      元素  1

      属性  2

      文本  3

      注释  8

      文档  9

    Window对象:

      window表示浏览器中打开的窗口。如果文档包含框架(frame iframe标签),浏览器会为HTML文档创建一个window对象,为每一个框架创建一个额外的window对象。

     1 frame[i]        //当前窗口的框架
     2 self.frame[i]    //当前窗口的框架
     3 w.frame[i]    //窗口 w 的框架
     4 
     5 parent        //当前窗口的父窗口
     6 self.parent    //当前窗口的父窗口
     7 w.parent         //窗口 w 的父窗口
     8 
     9 top        //当前框架的顶层窗口
    10 self.top        //当前框架的顶层窗口
    11 f.top        //框架 f 的顶层窗口

    window中的方法:

      setInterval():按照指定的周期来调用函数或计算表达式。

      setTimeout():在指定的毫秒数后调用函数或计算表达式。

      clearInterval():取消由setInterval()设置的timeout。

      clearTimeout():取消由setTimeout()设置的timeout。

      scrollBy():按指定的像素值来滚动内容。

      scrollTo():把内容滚动到指定的坐标。

    Navigator对象:包含浏览器信息。

      appCodeName:返回浏览器的代码名。

      appName:返回浏览器的名称。

      appVersion:返回浏览器的平台和版本信息。

      userAgent:返回由客户机发送服务器的user-agent头部值。

    Screen对象:包含有关客户端显示屏幕的信息。

    History对象:包含用户访问过的URL。可通过window.history访问。

      length:返回浏览器历史列表中的URL数量。

      back():加载history列表中的钱一个URL。

      forward():加载history列表中的下一个URL。

      go():加载history列表中的某个具体页面。

    Location对象:包含有关当前URL的信息。可通过window.location对象访问。

      hash:设置或返回从#号开始的URL(锚)。

      host:设置或返回主机名和当前URL的端口号。

      hostname:设置或返回当前URL的主机名。

      herf:设置或返回完整的URL。

      pathname:设置或返回当前URL的路径部分。

      port:设置或返回当前URL的端口号。

      protocol:设置或返回当前URL的协议。

      search:设置或返回从?开始的URL(查询部分)。

      

    方法:

      assign():加载新的文档。

      reload():重新加载当前文档。

      replace():用新的文档替换当前文档。

    Document对象:Window对象的一部分。

      每次载入浏览器的HTML文档都会成为Document对象。Document对象可以是我们从脚本中对HTML页面中的所有元素进行访问。

    document对象集合:

      all[]:提供对文档中所有HTML元素的访问。

      anchors[]:返回对文档中所有ANchor对象的引用。

      applets[]:返回对文档中所有applets对象的引用。

      forms[]:返回对文档中所有form对象引用。

      images[]:返回对文档中所有images对象引用。

      links[]:返回对文档中所有links对象引用。

    document对象属性:

      body:提供对<body>元素的直接访问。

      cookie:设置或放回当前文档有关的所有cookei信息。

      domain:返回当前文档的域名。

      lastModified:返回文档最后的修改时间和日期。

      referrer:返回载入当前文档的文档的URL。

      title:返回当前文档的标题。

      URL:返回当前文档的URL。

    Document对象方法:

      close():关闭用 document.open() 方法打开的输出流,并显示选定的数据。

      getElementById():返回对拥有指定 id 的第一个对象的引用。

      getElmentsByName():返回带有指定名称的对象集合。

      getElmentsByTagName():返回带有指定标签名的对象集合。

      open():打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。

      write():向文档写 HTML 表达式 或 JavaScript 代码。

      writeIn():等同于 write() 方法,不同的是在每个表达式之后写一个换行符。

  • 相关阅读:
    图像处理基本算法(整理)
    Java 数据校验自动化(validation)
    Java Web文件上传
    JavaScript中call、apply、bind、slice的使用
    在不借助其他工具的情况下破解Windows开机密码
    【Docker】iptables failed: iptables --wait -t nat -A DOCKER -p tcp -d 0/0 --dport 8480 -j DNAT --to-destination 172.17.0.2:80 ! -i docker0: iptables: No chain/target/match by that name
    【异常】Caused by: java.lang.IllegalStateException: RequestParam.value() was empty on parameter 0
    【Docker】docker的安装和常用命令
    【监控】jvisualvm之jmx远程连接 jar启动应用
    【监控】jvisualvm之jmx远程连接 tomcat war启动应用
  • 原文地址:https://www.cnblogs.com/colorstory/p/2622741.html
Copyright © 2011-2022 走看看