关于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.youkuaiyun.com/littleqiang_w/article/details/50463939 

 

5、获取键盘事件

 

document.onkeydown = function (e) {   
     var ev = e || window.event 
       if (ev.keyCode === 13) { 
         //事件内容    
        }  
    }
6、图片验证码刷新 链接：http://blog.youkuaiyun.com/uikoo9/article/details/8241511
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
    <title>test</title>  
    <script type="text/javascript">  
        function reImg(){  
            var img = document.getElementById("Img");  
            img.src = "Img?rnd=" + Math.random();  
        }  
    </script>  
  </head>  
  <body>  
    <center>  
        <img id="Img" src="Img" alt="验证码"  />  
        <a href="#" onclick="reImg();">看不清，换一张</a>  
    </center>  
  </body>  
</html>  


 7、form中只有一个input元素时按回车会默认提交表单，更改方法：在form里面新增一个input
    <!--禁用回车触发提交-->
    <input style="display:none;" />


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)