js : DOM+BOM（window.location）

DOM: document object model

• DOM 树

DOM中元素获取的方式

• id获取: var oDiv = document.getElementById("div1");
  • 注意，ID获取只能用document；
• class获取：document.getElementsByClassName();
  • 可以限定范围的获取元素
• tagName：可以限定范围的获取元素
• querySelect
  • tag
  • '#id
  • .class
• querySelectAll
  • tag
  • '#id
  • .class
  • 注意：querySelectAll获取到的是一组元素，即使是页面中唯一的ID，也得加[]获取；

节点

节点名	nodeType	nodeName	nodeValue
文本节点	3	#text	文本内容
注释节点	8	#comment	注释内容
元素节点	1	大写的标签名	null
document节点	9	#document	null

节点的关系

• children 子节点
  • 一般情况兼容，但是在IE6-8下，如果有注释的话，拿到的是不准确的；
• childNodes 拿到所有的子节点
• parentNode 父元素；拿到的是结构上的父级；
• previousSibling 上一个哥哥节点
• previousElementSiblings 上一个哥哥节点
  • 高级浏览器支持
• nextSibling 下一个弟弟节点
• getChildren 获取当前容器下，所有的子元素

• 实际能拿到所有的孙子辈的

    
第一个div
    
    
第二个div
    第1个a元素
    第2个a元素
    
    第3个a元素
    是的方法阿魏酸
    
第三个div
    
第四个div
    是打发打发所发生的
    第1个span
    
    第2个span
    第3个span

• prev() 获取当前元素的上一个哥哥元素

    
第一个div
    
    
第二个div
    第1个a元素
    第2个a元素
    
    第3个a元素
    是的方法阿魏酸
    
第三个div
    
第四个div
    是打发打发所发生的
    第1个span
    
    第2个span
    第3个span

next() 获取当前元素的下一个弟弟元素

    
第1个div元素
    
第2个div元素
    
第3个div元素
    第1个span元素
    第2个span元素

demo : 九九乘法表

BOM的知识-window.location

• 网站的地址构成：
  • 协议+域名+端口号+pathname+'?k=v&k=v'参数+'#haha'哈希值
    protocol：http／https
    host:域名
    port：端口号
    pathname：文件路径
    search:?k=v&k=v
    hash:哈希值；
    href：完整的地址；
    reload：重新加载页面；
• 强制数据类型转换的
  1、 比较运算符 ==
  0=='' null==undefined []==0 ![]==false

  function fn(aa){
      if(aa==null){
          //jquery源码；
      }
  }
  

  2、算术运算符 - * ／ %
  3、逻辑运算符

  fn && fn();
  this.Arg||window;
  

  4、条件判断语句：
  • 除了false的都是true：false,0,NaN,'',null,undefined