Home / Questions / 92628
Accepted
A. Cedano
Asked: 2020-08-04 09:00:39 +0800 CST 2020-08-04 09:00:39 +0800 CST

jQuery 3 声明 document.ready 已弃用 window.load 也有变化吗？

  • 772

在 jQuery 中，当 DOM 准备好时，至少有四个函数来操作 DOM 元素：

$( handler )
$( document ).ready( handler )
$( "document" ).ready( handler )
$( "img" ).ready( handler )
$().ready( handler )

其中，也许最常用的是第二个：

$( document ).ready(function() {
  // Handler for .ready() called.
});

从 jQuery 3 开始，它已被弃用。

虽然我们的代码目前可以运行，但它可能在 jQuery 4 中停止运行。因此，建议将之前的代码替换为：

$(function() {
  // Handler for .ready() called.
});

过时的通知document.ready可以在这里找到：

从 jQuery 3.0 开始，只推荐第一种语法，即$(function() { ... });其他语法仍然有效，但已弃用。这是因为选择与方法的行为无关 .ready ()，这是低效的，并且可能导致对方法行为的错误假设。例如，第三种语法适用于不选择任何内容的“文档”。第四种语法期望文档准备好，但暗示（错误地）它期望图像准备好。

问题

我的问题是关于 的哥哥$( document ).ready(function() {，也就是说， $(window).load(function() {});

jQuery 3 也从window.load?

如果它发生了变化，更新代码的方法是什么？

相关问题：window.onload 和 $(document).ready() 有什么区别？

javascript

2 Answers

  1. Best Answer

    不管是窗口、文档、img 还是其他什么，删除的是.load()、.unload() 和 .error() 方法。

    重大更改：删除了 .load()、.unload() 和 .error()

    这些方法是事件操作的快捷方式，但它们对 API 有真正的限制。.load() 事件与 ajax.load() 方法冲突。由于 DOM 方法的定义方式，.error() 方法不能与 window.onerror 一起使用。如果您需要绑定此类事件，请使用 on() 方法，例如将 $("img").load(fn) 更改为 $("img").on("load",fn)。

    而不是使用

    $(window).load(function() {});

    它将被使用

    $(window).on("load", function (e) {});

    使用它很重要，"load"因为该事件"ready"也被删除了

    重大更改： .on("ready", fn) 已删除

    jQuery 不再支持可与事件函数一起使用的合成“就绪”事件。这个事件很容易出错并且在 jQuery 1.8 中被弃用，因为它只会在文档准备好之前被绑定时调用回调。用 $(fn) 代替任何用途肯定会奏效。

    您可以在 JQuery 3.0 的更改中查看它

    • 14

  2. 事实是我不知道它是否发生了变化，但我可以评论和分享的是我想使用window.load时执行我的功能的方式，记住这是一个赋值，所以你一次只能执行一个函数，相反，如果你在你的 js 或几个你想要加载函数的 js 中添加一小段代码，你可以这样做：

    if (document.addEventListener){
    window.addEventListener('load',la_funcion_que_sea,false);
} else {
    window.attachEvent('onload',la_funcion_que_sea);
}

    我希望我对您有所帮助。干杯! 最完整的信息可以在这篇文章中找到： http: //codexexempla.org/articulos/2007/lanzar_funciones.php

    • 0