onload事件：頁面加載（文本和圖片）完畢的時候，
onload的作用：
- JS加載時和html是同步加載的，如果使用元素在定義元素之前易報錯；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> var btn=document.getElementById("btn"); btn.onclick=function(){ alert("Hello JavaScript!"); }; </script> </head> <body> <button id="btn">點擊</button> </body> </html>
-
整個頁面上所有元素加載完畢后再執行js的內容
window.onload可以預防使用標簽在定義之前，即實現ＪＳ代碼於html頁面的異步加載
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.onload=function(){
var btn=document.getElementById("btn");
btn.onclick=function(){
alert("Hello Javascript!");
}
}
</script>
</head>
<body>
<button id="btn">點擊</button>
</body>
</html>
同步與異步：
1.生活中同步是所有的事一起執行，異步是事件一件一件的執行
2.web中同步是事件一件一件的執行，異步是所有的事一起執行