window.onload 和 $(function) 區別
阿新 • • 發佈：2020-04-13
結論：
- window.onload 只能定義一次,如果定義多次，後邊的會將前邊的覆蓋掉
- $(function)可以定義多次的。
案例演示：
- window.onload
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件繫結</title> <script> window.onload = function(){ alert("abc"); }; window.onload= function(){ alert("bcd"); }; </script> </head> <body> </body> </html>
可以試驗一下程式碼，結果為：只彈出“bcd”，第一個function（）被覆蓋掉
2. $(function)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件繫結</title> <script src="js/jquery-3.3.1.min.js"></script> <script> $(function(){ alert(123); }); $(function(){ alert(234); }); </script> </head> <body> </body> </html>
可以試驗一下程式碼，結果為：先彈出123，然後在彈出234
注：記得匯入jquery的js檔案（路徑自己修改）