如何将onload事件添加到div元素

如何向元素添加onload事件?

我可以使用:

<div onload="oQuickReply.swap();" ></div>

对于这个吗?

当前回答

试试这个!永远不要在div上使用触发器两次!

您可以在div标记之前定义要调用的函数。

$(function(){
    $('div[onload]').trigger('onload');
});

演示：杰斯菲德尔

2016-03-05 02:14:42

其他回答

这里有一个对我有用的技巧，你只需要把你的div放在一个body元素中

身体< > <！——这里有些代码——> <body onload="alert('Hello World')"> < div > < / div > < /身体> <！——其他代码行——> < /身体>

2022-04-03 23:21:30

首先回答你的问题:不，你不能，不能直接这样做，就像你想做的那样。也许现在回答有点晚，但这是我的解决方案，没有jQuery，纯javascript。它最初是用来在DOM加载后和在keyup上应用一个调整文本区域大小的函数。

同样地，你可以用它来做一些(所有)div或只有一个，如果指定的话，像这样:

document.addEventListener("DOMContentLoaded", function() {
    var divs = document.querySelectorAll('div'); // all divs
    var mydiv = document.getElementById('myDiv'); // only div#myDiv
    divs.forEach( div => {
        do_something_with_all_divs(div);
    });
    do_something_with_mydiv(mydiv);
});

如果你真的需要在DOM加载后加载div，例如在ajax调用之后，你可以使用一个非常有用的hack，这很容易理解，你会发现它…working with-elements-before-the- DOM -is-ready....它说“在DOM准备好之前”，但它以同样的方式出色地工作，在ajax插入或js- appendchild -任何div之后。下面是代码，根据我的需要做了一些小更改。

css

.loaded { // I use only class loaded instead of a nodename
    animation-name: nodeReady;
    animation-duration: 0.001s;
}

@keyframes nodeReady {  
    from { clip: rect(1px, auto, auto, auto); }
    to { clip: rect(0px, auto, auto, auto); }  
}

javascript

document.addEventListener("animationstart", function(event) {
    var e = event || window.event;
    if (e.animationName == "nodeReady") {
        e.target.classList.remove('loaded');
        do_something_else();
    }
}, false);

2019-02-07 19:16:22

Onload事件，它只支持下面列出的几个标签。

<body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>

这里是onload事件的引用

2016-12-16 02:51:20

onload事件只能用于文档(主体)本身、帧、图像和脚本。换句话说，它只能附加到主体和/或每个外部资源。div不是外部资源，它是作为主体的一部分加载的，所以onload事件在那里不适用。

2010-10-30 04:30:31

你可以使用onerror在IMG元素上自动触发一些js，而不使用src。

<img src onerror='alert()'>

2017-01-16 21:10:59

如何将onload事件添加到div元素

推荐文章

最新文章

标签