杂六笔记-2

杂六笔记-2

记录着我一路学习js以来, 遇到的js问题, 我踩过的坑, 记录下来, 防止重复踩坑….

• name特性用以确保多个值中只有一个发送服务器
  用于提交到服务器后的表单进行标识 只有带有name属性的值 服务器才能接收到

  <input type='radio' value='red' name='color'>
  <input type='radio' value='red'>
  

• NodeList – 类数组对象，基于DOM结构动态执行查询的结果

• insertBefore() 接受两个参数 要插入的节点和作为参照的节点

父节点.insertBefore(插入节点， 参照节点);

function insertAfter(newEl, targetEl) {
    var parentEl = targetEl.parentNode;
    if( parentEl.lastChild == targetEl) {
        parentEl.appendChild(newEl);
    } else {
        parentEl.insertBefore(newEl, targetEl.nextSibing);
    }
}

这里可以引入 parentNode(父节点), lastChild（最后一个子节点) nextSibing (同一个层级中的后面一个节点）previousSibing (兄弟层级中的前一个节点)

• 复制节点是 clone函数 它可以带一个参数

  clone(true) – 深复制， 复制整个节点及其子节点树
  clone(false) –浅复制 ， 复制节点本身

• 判断js代码中程序运行多久

  console.time(a);     console.timeEnd(a);        // a 为执行的数据
  

• setPropertyValue() 设置某个CSS属性 getPropertyValue() 获取某个CSS属性
  removePropertyValue() 移出某个CSS属性 item()返回指定位置的属性名 —只能设置当个css属性 最好还是来改变类

// 判断是否包含property属性 自动为CSS3属性添加浏览器前缀
// 函数中包含charAt()方法来获取指定字符串位置的字符   toUppercase() 是将其转换为大写
function isPropertySupport(property) {
    if(property in document.body.style) {
        return false;
    }
var prefixes = ['moz', 'webkit', 'o', 'ms'];
var prefProperty = property.charAt(0).toUppercase() + property.substr(1);
for(var i = 0;  len = prefixes; i