Javascript 如何将此eventlistener转换为jQuery

如何使用jQuery重构下面的代码片段

  window.onload = function () {
        if (window.addEventListener) {
            window.addEventListener("message", doSomething, false);
        }
        else {
            if (window.attachEvent) {
                window.attachEvent("onmessage", doSomething);
            }
        }
    }

---

如果“onmessage”和“message”是特定于

窗口

对象的事件，则可以将窗口包装在jQuery包装中

$（窗口）

然后您可以使用jQuery的事件系统将这些事件绑定到

.on（）

所以看起来是这样的：

$(window).on('message', function(){ // do something });
$(window).on('onmessage', function(){ // do something });

你可以阅读更多关于

有些人会告诉您使用bind，但从文档中可以看出：

从jQuery1.7开始，.on（）方法是将事件处理程序附加到文档的首选方法。对于早期版本，.bind（）方法用于将事件处理程序直接附加到元素

因此，根据jQuery版本的不同，您可以相应地使用

on（）

或

bind（）

---

希望有帮助

如果“onmessage”和“message”是特定于

窗口

对象的事件，则可以将窗口包装在jQuery包装器

$（窗口）

然后您可以使用jQuery的事件系统将这些事件绑定到

.on（）

所以看起来是这样的：

$(window).on('message', function(){ // do something });
$(window).on('onmessage', function(){ // do something });

你可以阅读更多关于

有些人会告诉您使用bind，但从文档中可以看出：

从jQuery1.7开始，.on（）方法是将事件处理程序附加到文档的首选方法。对于早期版本，.bind（）方法用于将事件处理程序直接附加到元素

因此，根据jQuery版本的不同，您可以相应地使用

on（）

或

bind（）

---

希望有帮助

如果“onmessage”和“message”是特定于

窗口

对象的事件，则可以将窗口包装在jQuery包装器

$（窗口）

然后您可以使用jQuery的事件系统将这些事件绑定到

.on（）

所以看起来是这样的：

$(window).on('message', function(){ // do something });
$(window).on('onmessage', function(){ // do something });

你可以阅读更多关于

有些人会告诉您使用bind，但从文档中可以看出：

从jQuery1.7开始，.on（）方法是将事件处理程序附加到文档的首选方法。对于早期版本，.bind（）方法用于将事件处理程序直接附加到元素

因此，根据jQuery版本的不同，您可以相应地使用

on（）

或

bind（）

---

希望有帮助

如果“onmessage”和“message”是特定于

窗口

对象的事件，则可以将窗口包装在jQuery包装器

$（窗口）

然后您可以使用jQuery的事件系统将这些事件绑定到

.on（）

所以看起来是这样的：

$(window).on('message', function(){ // do something });
$(window).on('onmessage', function(){ // do something });

你可以阅读更多关于

有些人会告诉您使用bind，但从文档中可以看出：

从jQuery1.7开始，.on（）方法是将事件处理程序附加到文档的首选方法。对于早期版本，.bind（）方法用于将事件处理程序直接附加到元素

因此，根据jQuery版本的不同，您可以相应地使用

on（）

或

bind（）

---

希望有帮助

在jQuery中，您可以简单地执行以下操作：

$(window).on("message", doSomething);

这会将

“message”

事件的事件处理程序附加到窗口对象

---

仅供参考，无需等待

window.onload

只需将事件处理程序附加到

window

对象，因为它已经存在，因此无需等待

如果您确实需要等待其他原因，您可以将其放入：

// wait for all document resources to load
$(window).load(function() {
    // code here
});

或

---

根据您需要等待的内容。

在jQuery中，您可以简单地执行以下操作：

$(window).on("message", doSomething);

这会将

“message”

事件的事件处理程序附加到窗口对象

---

仅供参考，无需等待

window.onload

只需将事件处理程序附加到

window

对象，因为它已经存在，因此无需等待

如果您确实需要等待其他原因，您可以将其放入：

// wait for all document resources to load
$(window).load(function() {
    // code here
});

或

---

根据您需要等待的内容。

在jQuery中，您可以简单地执行以下操作：

$(window).on("message", doSomething);

这会将

“message”

事件的事件处理程序附加到窗口对象

---

仅供参考，无需等待

window.onload

只需将事件处理程序附加到

window

对象，因为它已经存在，因此无需等待

如果您确实需要等待其他原因，您可以将其放入：

// wait for all document resources to load
$(window).load(function() {
    // code here
});

或

---

根据您需要等待的内容。

在jQuery中，您可以简单地执行以下操作：

$(window).on("message", doSomething);

这会将

“message”

事件的事件处理程序附加到窗口对象

---

仅供参考，无需等待

window.onload

只需将事件处理程序附加到

window

对象，因为它已经存在，因此无需等待

如果您确实需要等待其他原因，您可以将其放入：

// wait for all document resources to load
$(window).load(function() {
    // code here
});

或

---

---

这取决于您需要等待的内容。

这是一小段代码，它可以像现在一样与jQuery一起工作，为什么要更改？你想制作一个插件吗@JayBlanchard如果我包括jQuery，我当然会尽可能通过jQuery的库来完成所有事情。@JayBlanchard我已经有了jQuery，我需要做一些我更愿意用jQuery做的奇特的表单提交技巧。但是为什么@wobbafter？这是不必要的，而且vanilla JS的某些部分要快得多，比如for循环和each（）方法。如果这是一个单一的代码实例，那么jQuery可能不会帮助您，除非您正在寻找jQuery为您提供的附加功能。这是一小段代码，它可以像现在这样与jQuery一起工作，为什么要更改？你想制作一个插件吗@JayBlanchard如果我包括jQuery，我当然会尽可能地通过jQuery的库来完成所有事情。@JayBlanchard我已经有了jQuery，我需要做一些奇特的表单提交技巧，我更愿意用jQuery来完成。B