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
<!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="#" οnclick="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)