关于js原生的一些问题整理（一）

1、原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中，不能使用
2、cssText:
（1）相关链接：https://www.cnblogs.com/majingyi/p/6840818.html

 

     （2）本质：设置 HTML 元素的 style 属性值

（3）用法：document.getElementById("d1").style.cssText = "color:red; font-size:13px;"

3、更改Css样式链接：https://www.cnblogs.com/qlqwjy/p/7283628.html
4、判断浏览器类型链接：http://blog.csdn.net/littleqiang_w/article/details/50463939 

 

5、获取键盘事件

 

document.onkeydown = function (e) {   
     var ev = e || window.event 
       if (ev.keyCode === 13) { 
         //事件内容    
        }  
    }
6、图片验证码刷新 链接：http://blog.csdn.net/uikoo9/article/details/8241511
  
  
    
      
      
    
    
   

  
          
        看不清，换一张  
      
    
  


 7、form中只有一个input元素时按回车会默认提交表单，更改方法：在form里面新增一个input
   
   


8、鼠标悬停显示信息用title这个属性
 title="请输入数字"


9、在数组指定位置添加元素
// 拼接函数(索引位置, 要删除元素的数量, 元素)
// array.splice(2, 0, "three")
数组删除指定元素
Array.prototype.del=function(value){ 
      var index=this.indexOf(value); 
      this.splice(index,1); 
      return this;
 }
10、对象复制
var obj = { a: 1 };
var copy = Object.assign({}, obj);
console.log(copy); // { a: 1 }

11、关于数组：

 

12、javascript Object.is 与 === 的区别

（1）+0不等于-0。

（2）NaN等于自身。

+0 === -0 //true

NaN === NaN // false

Object.is(+0, -0) // false

Object.is(NaN, NaN) // true

13、阻止冒泡
item.onclick = function (ev) {

 

 if (ev) {
              ev.stopPropagation()
        } else {
  window.event.cancelBubble = true
        }
}
14、js深拷贝DOM元素

// 解决appendChild不能插入重复节点

let sons= document.getElementsByClassName('sons')

let father = document.getElementsById('father')

// 深拷贝dfatherom对象

let clone = sons[0].cloneNode(true)

setTimeout(()=>{

father.appendChild(clone)

},500)