一、使用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>
JavaScript代码示例

相关文章: