结论:
- 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文件(路径自己修改)