02jquery01-01回顾之前js

来源：互联网发布：flyme5省电优化编辑：程序博客网时间：2024/05/18 13:47

1.1回顾前面学到的js，我们遇到的一些问题
1.window.onload事件有个覆盖的问题，我们只写一个
2.代码容错行差
3.浏览器兼容问题 ff:innerText
4.书写繁琐，代码量多
5.代码乱
6.动画效果，很难实现

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>回顾Js</title>    <style>        *{            margin: 0;            padding: 0;        }        div {            height: 200px;            background-color: pink;            margin-bottom: 10px;            display: none;        }    </style>    <script>        window.onload = function () {            var btn = document.getElementById("btn");            var divs = document.getElementsByTagName("div");            btn.onclick = function () {                for(var i=0;i<divs.length;i++){                    divs[i].style.display = "block";                    divs[i].innerHTML = "我是文字内容";                }            }        }    </script></head><body><button id="btn">按钮</button><div></div><div></div><div></div></body></html>

0 0