问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

jQuery 3.5.1 给window注册load事件不起作用

头像
Heaven
    3727
    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>

<body>

</body>
<script>
    $(document).ready(function () {
        $(window).on("load", function () {
            alert("load")
        })
    })
</script>

</html>
    jquery
    阅读 2.8k
    1 个回答
    得票最新
    头像
    Yujiaao
      12.7k62146
      ✓ 已被采纳

      $(document).ready 与 $(window).load 的发生顺序只在于图片是否加载完成,而你的 html 里没有图片,所以在 ready 里挂载 load事件没有机会得到执行了, 试试下面的代码:

      <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>

<body>
    <img src="https://usercontent2.hubstatic.com/12938795_f1024.jpg" />
<script>
       $(window).on("load", function () {
            console.log("load1")
        }) 
    $(document).ready(function () {
            console.log("load2")
        $(window).on("load", function () {
            console.log("load3")
        })
    })
</script>

</body>
</html>

      对比有图和没有图的情况,分别在控制台可以看到 load3,或看不见.

      查看全部 1 个回答
      推荐问题