JS—写在body和head的区别—window.onload
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
// js放到head中,加载的时候会阻塞html的加载,一般都放到body下面
// 放在head里受到阻塞无法弹出
// var oBtn = document.getElementById('btn');
// oBtn.onclick = function () {
// alert('a')
// }
// window.onload DOM加载完成后执行(节点、图片、视频、音频。。。)
// 所以,即使放在head里依旧可以弹出
// window.onload = function () {
// var oBtn = document.getElementById('btn');
// oBtn.onclick = function () {
// alert('a')
// }
// }
</script>
</head>
<body>
<button id="btn">按钮</button>
<script>
// 写在body里提升网页性能
var oBtn = document.getElementById('btn');
oBtn.onclick = function () {
alert('a');
}
</script>
</body>
</html>