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

如何向元素添加onload事件?

我可以使用:

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

对于这个吗?

当前回答

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

2010-10-30 04:30:31

其他回答

我们可以在onload中使用所有这些标签

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

eg:

函数loadImage() { alert(“图像已加载”); ｝ <img src="https://www.w3schools.com/tags/w3html.gif" onload="loadImage()" width="100" height="132">

2020-07-22 06:54:15

我非常喜欢用YUI3库来做这类事情。

<div id="mydiv"> ... </div>

<script>
YUI().use('node-base', function(Y) {
  Y.on("available", someFunction, '#mydiv')
})

见:http://developer.yahoo.com/yui/3/event/ onavailable

2010-10-30 04:36:03

如前所述，你不能在DIV上使用onLoad事件，而是在body标签之前使用它。

但如果你有一个页脚文件，并将其包含在许多页面中。最好先检查你想要的div是否在显示的页面上，这样代码就不会在不包含该div的页面上执行，从而加快加载速度并为应用程序节省一些时间。

所以你需要给那个DIV一个ID，然后做:

var myElem = document.getElementById('myElementId');
if (myElem !== null){ put your code here}

2017-10-19 07:03:32

首先回答你的问题:不，你不能，不能直接这样做，就像你想做的那样。也许现在回答有点晚，但这是我的解决方案，没有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

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

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

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

演示：杰斯菲德尔

2016-03-05 02:14:42

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

推荐文章

标签

最新文章