[JS复习] JS 基础知识

 项目结尾，空闲时间，又把《JS 基础知识》 这本书过了一遍，温故知新后，很多知其然不知其所以然的内容 豁然开朗。

 【1. 用于范围的标签】

    display  ：inline or block 可切换

<p>1.两个用于标出范围的标签</p>
      <div>2.  div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素</div>
      <a>3.A标签</a><div class="bdiv">4.空的div</div>
      <span class="bspan">5. span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素span属于行级元素</span>

 【2. 查找要素和判断要素类型】

    发现自己离了JQuery 就有点不会写代码了咩，不行啊！！！

    原生态的是查找和 判断是怎样的呢？ 

   //查找元素和判断类型
     var findele = document.forms[0].elements[0];
     console.log("输出要素："+findele);
     var eletype = document.forms[0].elements[0].type;
     console.log("输出要素类型："+eletype);

 【3. 文档级别对象】

     top == self == document

 【4. 牛X的正则表达式】

     分割对象，RegExp.$X 全局 

// 对正则表达式的操作
     var regclick = function(){
         // 正则表达式 替换 /\S*_off\S*/ 在文本的任何地点 替换掉 _off
         var re = /^(\S)(\S+)\s(\S)(\S+)$/;  // 按照空格分割开的数据集
         var res = re.exec("reg exc");
         // 正则之后的数据在RegExp 中 $_ 是第一个，$1 是第二个 以此类推
         var reafter = RegExp.$1.toUpperCase() + RegExp.$2.toLowerCase() + RegExp.$3.toUpperCase() + RegExp.$4.toLowerCase();
         var newText = document.createTextNode(reafter);
         document.getElementById("reg").appendChild(newText);
     };

  【5. cookie】

     document.cookie 存取