一、使用JS的痛处
在学习和使用js的过程中发现了js的一些痛处:
1、书写繁琐,代码量大。
2、代码复杂。
3、动画效果很难实现。使用定时器,要小心各种定时器的清除。各种操作和处理事件不好实现。
4、浏览器的兼容性。
同样是实现点击按钮后,展示三个div栏,并在div栏显示内容:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div {
width: 100%;
height: 50px;
margin: 10px 0px 0px 0px;
display: none;
background-color: red;
}
</style>
</head>
<body>
<button >展示</button>
<div></div>
<div></div>
<div></div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
window.onload = function () {
var oBtn = document.getElementsByTagName('button')[0];
var oDivs = document.getElementsByTagName('div');
oBtn.onclick = function () {
for (var i=0;i<oDivs.length;i++) {
oDivs[i].style.display = 'block';
oDivs[i].innerHTML = 'div展示了';
}
}
}
</script>
</html>