关于HTML页面中JS/JQ/Onload执行顺序测试代码

时间：2022-09-29 21:56:12

直接上代码把！


<script type = "text/javascript">
        $(function () {
            alert(4444);
        });

        function ini() {
            alert("3333");
        }

        alert("1111");
    </script>
</head>
<body onload="ini()">
    <p id="div1">d</p>
<script type="text/javascript">
    alert("2222");
</script>
</body>

最后的执行结果是1-2-3-4的顺序； 说明了一个页面，从上至下执行，先执行上面的js里代码，然后执行body里的dom结构代码，接着执行body的onload事件方法，最后文档结构完毕时执行JQ的方法。

标签：

相关文章