页面加载完成后执行

<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会追加。