<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> <!--必须写stylesheet--> <link rel="stylesheet" href="bootstrap.css"> <!--不能自关闭,否则错误--> <script src="jquery-3.3.1.min.js"></script> <script src="bootstrap.js"></script> <script> $(document).ready(function () { console.log(" $(document).ready()--1"); }); $(document).ready(function () { console.log(" $(document).ready()--2"); }); $(function () { console.log("$(function () {--1 ") }); $(function () { console.log("$(function () {--2") }); window.onload=function () { console.log("window.onload--1"); }; window.onload=function () { console.log("window.onload--2"); }; </script> </head>
结果:
$(document).ready()--1 $(document).ready()--2 $(function () {--1 $(function () {--2 window.onload--2
jquery两种写法相同,一种是简写而已。
和windows.onload写法的区别:
1.win.onload是全部加载完,包括图片和iframe内嵌的网页,jq只要dom元素加载完了就OK
2.win.onload事件会覆盖,jq会追加。