当你的html文件和js文件分开写（如下图）时，
html文件代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算器</title>
<script>
</script>
</head>
<link type="text/css" rel="stylesheet" href="css.css"/>
<script type="text/javascript" src="js.js">
</script>
<body>
<p id="one" >1(点击我之后会有弹窗！)</p>
</body>
</html>
js文件代码：
var one=document.getElementById("one");
one.onclick=function () {
alert("你哈");
};
我给文字添加并绑定了点击事件
出现下面问题（失效）：
原因：因为浏览器在获取到服务器返回的代码时是按照顺序执行的，所以如果html的dom树还没有完全生成，你执行js的时候，就会出现无法读取到某些元素的情况，这样js代码也就无法执行了！
解决办法：
js代码外面再套一个
window.onload=function(){这里面写你的代码}
ok，这个问题就解决了！！！欢迎留言！！！
