一. 储备知识
浏览器加载顺序:
- 由上到下的顺序加载
- 用到script标签先执行脚本程序,执行完成后再继续加载(所以才经常有了window.load事件,作用是当html页面全部加载完成后,再执行window.load事件里面的程序)
JS代码嵌入方式:
- 嵌入到标签的属性中(不推荐使用)
<button onclick="alert('hello');">点我</button>
- 嵌入head标签内(即写在head内的script标签内)
<script type="text/javascript">
var btnEle = document.getElementById("btn");
btnEle.onclick = function(){
alert("hello");
};
</script>