JavaScript页面自动执行

JavaScript / 2021年7月3日 / hamster

方法一：

<script>
    window.onload = function () {
        alert(111);
    }
</script>

方法二：

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        alert(222);
    })
</script>

方法三：

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
    jQuery(function () {
        alert(333);
    })
</script>

方法四：

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(function () {
        alert(444);
    })
</script>

方法五：

<script>
    function test(){
        alert(555);
    }
</script>

<body onload="test()">
这是一个测试页面
</body>

方法六：

<script>
    function aaa(){
        alert(666);
    }
    window.onload = function () {
        aaa();
    }
</script>

方法七：

<script>
    function aaa(){
        alert(777);
    }
    window.onload = aaa();
</script>

方法八：



<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(window).load(function () {
         alert(888);
    })
</script>

后记：

$(document).ready(function () {}) 和$(function){}是加载完document就执行的。

$(window).load(function(){})和window.onload = function(){}是加载完window才执行的。

最通俗的说话就是，前者在页面还没打开之前，就已经执行了，后者则是在页面显示后，才执行的。

Jquery, 自动加载

hamster

商务开发可加Q：934511830

JavaScript页面自动执行

hamster

Search