blocks|key|889563|text|不，不能。最简单的方法是将函数调用直接放在元素后面|type|unstyled|depth|inlineStyleRanges|entityRanges|data|889564|示例：|889565|...
<div+id="somid">Some+content</div>
<script+type="text/javascript">
+++oQuickReply.swap('somid');
</script>
...|code-block|syntax|javascript|889566|或者--甚至更好--就在</body>面前|offset|length|style|CODE|889567|...
<script+type="text/javascript">
+++oQuickReply.swap('somid');
</script>
</body>|889568|...so它不会阻止加载以下内容。|889569|entityMap^0|0|0|0|C|7|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@$K|Y|L|Z|M|N]]|9|@]|A|$]]|$1|O|3|P|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>No, you can't. The easiest way to make it work would be to put the function call directly after the element </p>

<p>Example:</p>

<pre><code>...
&lt;div id="somid"&gt;Some content&lt;/div&gt;
&lt;script type="text/javascript"&gt;
   oQuickReply.swap('somid');
&lt;/script&gt;
...
</code></pre>

<p>or - even better - just in front of <code>&lt;/body&gt;</code>:</p>

<pre><code>...
&lt;script type="text/javascript"&gt;
   oQuickReply.swap('somid');
&lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p>...so it doesn't block the following content from loading.</p>


blocks|key|1104867|text|您可以在IMG元素上使用onerror自动触发一些js，而不使用src。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1104868|<img+src+onerror='alert()'>|code-block|syntax|javascript|1104869|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can trigger some js automatically on an IMG element using onerror, and no src.</p>

<pre><code>&lt;img src onerror='alert()'&gt;
</code></pre>


blocks|key|889879|text|onload事件，它只支持下面列出的几个标签。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|889880|<body>,+<frame>,+<iframe>,+<img>,+<input+type="image">,+<link>,+<script>,+<style>|code-block|syntax|javascript|889881|这里是onload+event的参考|offset|length|889882|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/jsref/event_onload.asp^0|0|0|3|C|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>onload event it only supports with few tags like listed below.</p>

<pre><code>&lt;body&gt;, &lt;frame&gt;, &lt;iframe&gt;, &lt;img&gt;, &lt;input type="image"&gt;, &lt;link&gt;, &lt;script&gt;, &lt;style&gt;
</code></pre>

<p>Here the reference for <a href="http://www.w3schools.com/jsref/event_onload.asp" rel="noreferrer">onload event</a></p>


blocks|key|889763|text|尝尝这个!并且永远不要在div上使用触发器两次！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|889764|您可以在div标记之前定义要调用的函数。|889765|$(function(){
++++$('div[onload]').trigger('onload');
});|code-block|syntax|javascript|889766|演示：jsfiddle|offset|length|889767|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/0oxsr21L/2/^0|0|0|0|3|8|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>Try this! And never use trigger twice on div!</p>

<p>You can define function to call before the div tag.</p>

<pre><code>$(function(){
    $('div[onload]').trigger('onload');
});
</code></pre>

<p>DEMO: <a href="https://jsfiddle.net/0oxsr21L/2/">jsfiddle</a></p>


blocks|key|889651|text|我只想在这里补充一下，如果有人想在div的加载事件上调用函数&你不想使用jQuery(因为冲突，就像我的例子一样)，那么只需在所有html代码或任何其他代码之后调用函数，包括函数代码，并简单地调用函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|889652|/*+All+Other+Code*/
-----
------
/*+----At+the+end+----+*/
<script+type="text/javascript">
+++function_name();
</script>|code-block|syntax|javascript|889653|或|889654|/*+All+Other+Code*/
-----
------
/*+----At+the+end+----+*/
<script+type="text/javascript">
+function+my_func(){
+++function+definition;++++++

++}

+my_func();
</script>|889655|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I just want to add here that if any one want to call a function on load event of div &amp; you don't want to use jQuery(due to conflict as in my case) then simply call a function after all the html code or any other code you have written including the function code and 
simply call a function .</p>

<pre><code>/* All Other Code*/
-----
------
/* ----At the end ---- */
&lt;script type="text/javascript"&gt;
   function_name();
&lt;/script&gt;
</code></pre>

<p>OR</p>

<pre><code>/* All Other Code*/
-----
------
/* ----At the end ---- */
&lt;script type="text/javascript"&gt;
 function my_func(){
   function definition;      

  }

 my_func();
&lt;/script&gt;
</code></pre>


blocks|key|1104979|text|我需要在插入一段html+(模板实例)之后运行一些初始化代码，当然，我无法访问操作模板和修改DOM的代码。同样的想法也适用于通过插入html元素(通常是<div>+)对DOM进行的任何部分修改。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1104980|不久前，我使用<div>中包含的几乎不可见的<img>的onload事件进行了一次攻击，但发现作用域为空的样式也可以：|1104981|<div+....+>
<style+scoped="scoped"+onload="dosomethingto(this.parentElement);"+>+++</style>
.....
</div>|code-block|syntax|javascript|1104982|更新(2017年7月15日)-最新版本的IE不支持<style>+onload。Edge确实支持它，但一些用户将其视为不同的浏览器，并坚持使用IE。<img>元素似乎在所有浏览器中都能更好地工作。|1104983|<div...>
<img+onLoad="dosomthing(this.parentElement);"+src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="+/>
...
</div>|1104984|要最小化图像的视觉影响和资源使用，请使用内联src，使其保持小而透明。|1104985|关于使用<script>，我觉得需要说明的一点是，确定脚本离哪个<div>很近是非常困难的，特别是在模板方面，在模板生成的每个实例中都不可能有相同的id。我认为答案可能是document.currentScript，但这并不是所有人都支持的。<script>元素不能可靠地确定它自己的DOM位置；对'this‘的引用指向主窗口，并且没有任何帮助。|1104986|我认为有必要满足于使用<img>元素，尽管它很愚蠢。这可能是DOM/javascript框架中的一个漏洞，可以使用插拔。|1104987|entityMap^0|24|5|0|7|5|M|5|0|0|P|7|22|5|0|0|0|4|8|W|5|3D|8|0|B|5|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1D|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1E|8|@$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]|$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|U|3|V|5|6|7|1L|8|@$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|X|$]]

<p>I needed to have some initialization code run after a chunk of html (template instance) was inserted, and of course I didn't have access to the code that manipulates the template and modifies the DOM.  The same idea holds for any partial modification of the DOM by insertion of an html element, usually a <code>&lt;div&gt;</code>.</p>

<p>Some time ago, I did a hack with the onload event of a nearly invisible <code>&lt;img&gt;</code> contained in a <code>&lt;div&gt;</code>, but discovered that a scoped, empty style will also do:</p>

<pre><code>&lt;div .... &gt;
&lt;style scoped="scoped" onload="dosomethingto(this.parentElement);" &gt;   &lt;/style&gt;
.....
&lt;/div&gt;
</code></pre>

<p>Update(Jul 15 2017) -
The <code>&lt;style&gt;</code> onload is not supported in last version of IE. Edge does support it, but some users see this as a different browser and stick with IE. The <code>&lt;img&gt;</code> element seems to work better across all browsers.</p>

<pre><code>&lt;div...&gt;
&lt;img onLoad="dosomthing(this.parentElement);" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /&gt;
...
&lt;/div&gt;
</code></pre>

<p>To minimize the visual impact and resource usage of the image,  use an inline src that keeps it small and transparent.</p>

<p>One comment I feel I need to make about using a <code>&lt;script&gt;</code>is how much harder it is to determine which <code>&lt;div&gt;</code> the script is near, especially in templating where you can't have an identical id in each instance that the template generates. I thought the answer might be document.currentScript, but this is not universally supported.  A <code>&lt;script&gt;</code> element cannot determine its own DOM location reliably; a reference to 'this' points to the main window, and is of no help.</p>

<p>I believe it is necessary to settle for using an <code>&lt;img&gt;</code> element, despite being goofy. This might be a hole in the DOM/javascript framework that could use plugging.</p>


blocks|key|1104633|text|我们可以使用MutationObserver以有效的方式解决这个问题，只需添加下面的示例代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1104634|<!DOCTYPE+html>
<html>
<head>
++++<title></title>
++++<style>
++++++++#second{
++++++++++++position:+absolute;
++++++++++++width:+100px;
++++++++++++height:+100px;
++++++++++++background-color:+#a1a1a1;
++++++++}
++++</style>
</head>
<body>
<div+id="first"></div>
<script>
++++var+callthis+=+function(element){
+++++++++++element.setAttribute("tabIndex",0);
++++++++element.focus();
++++++++element.onkeydown+=+handler;
++++++++function+handler(){
++++++++++++++++alert("called")
++++++++}
++++}


++++var+observer+=+new+WebKitMutationObserver(function(mutations)+{
++++++++mutations.forEach(function(mutation)+{
++++++++++++for+(var+i+=+0;+i+<+mutation.addedNodes.length;+i%2B%2B)
++++++++++++if(mutation.addedNodes[i].id+===+"second"){
++++++++++++++++callthis(mutation.addedNodes[i]);
++++++++++++}

++++++++})
++++});
++++observer.observe(document.getElementById("first"),+{+childList:+true+});


++++var+ele+=+document.createElement('div');
++++ele.id+=+"second"

++++document.getElementById("first").appendChild(ele);

</script>

</body>
</html>|code-block|syntax|javascript|1104635|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>we can use MutationObserver to solve the problem in efficient way adding a sample code below</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;style&gt;
        #second{
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: #a1a1a1;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="first"&gt;&lt;/div&gt;
&lt;script&gt;
    var callthis = function(element){
           element.setAttribute("tabIndex",0);
        element.focus();
        element.onkeydown = handler;
        function handler(){
                alert("called")
        }
    }


    var observer = new WebKitMutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            for (var i = 0; i &lt; mutation.addedNodes.length; i++)
            if(mutation.addedNodes[i].id === "second"){
                callthis(mutation.addedNodes[i]);
            }

        })
    });
    observer.observe(document.getElementById("first"), { childList: true });


    var ele = document.createElement('div');
    ele.id = "second"

    document.getElementById("first").appendChild(ele);

&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|889833|text|使用iframe并将其隐藏iframe的工作方式类似于body标记|type|unstyled|depth|inlineStyleRanges|entityRanges|data|889834|<!DOCTYPE+html>
<html>
<body>

<iframe+style="display:none"+onload="myFunction()"+src="http://www.w3schools.com"></iframe>
<p+id="demo"></p>

<script>
function+myFunction()+{
++++document.getElementById("demo").innerHTML+=+"Iframe+is+loaded.";
}
</script>

</body>
</html>|code-block|syntax|javascript|889835|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>use an iframe and hide it iframe works like a body tag</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;

&lt;iframe style="display:none" onload="myFunction()" src="http://www.w3schools.com"&gt;&lt;/iframe&gt;
&lt;p id="demo"&gt;&lt;/p&gt;

&lt;script&gt;
function myFunction() {
    document.getElementById("demo").innerHTML = "Iframe is loaded.";
}
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|890356|text|由于onload事件仅在少数元素上受支持，因此您必须使用另一种方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|890357|您可以使用MutationObserver来执行以下操作：|890358|​|890359|const+trackElement+=+element+=>+{
++let+present+=+false;
++const+checkIfPresent+=+()+=>+{
++++if+(document.body.contains(element))+{
++++++if+(!present)+{
++++++++console.log('in+DOM:',+element);
++++++}
++++++present+=+true;
++++}+else+if+(present)+{
++++++present+=+false;
++++++console.log('Not+in+DOM');
++++}
++};

++const+observer+=+new+MutationObserver(checkIfPresent);
++observer.observe(document.body,+{+childList:+true+});
++checkIfPresent();

++return+observer;
};

const+element+=+document.querySelector('#element');
const+add+=+()+=>+document.body.appendChild(element);
const+remove+=+()+=>+element.remove();

trackElement(element);|code-block|syntax|javascript|890360|<button+onclick="add()">Add</button>
<button+onclick="remove()">Remove</button>

<div+id="element">Element</div>|890361|890362|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver^0|2|6|0|5|G|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|H|3|I|5|6|7|16|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|17|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|L|7|18|8|@]|D|@]|E|$M|N]]|$1|Q|3|I|5|6|7|19|8|@]|D|@]|E|$]]|$1|R|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]]]

<p>Since the <code>onload</code> event is only supported on a few elements, you have to use an alternate method.</p>

<p>You can use a <a href="https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver" rel="noreferrer">MutationObserver</a> for this:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const trackElement = element =&gt; {
  let present = false;
  const checkIfPresent = () =&gt; {
    if (document.body.contains(element)) {
      if (!present) {
        console.log('in DOM:', element);
      }
      present = true;
    } else if (present) {
      present = false;
      console.log('Not in DOM');
    }
  };

  const observer = new MutationObserver(checkIfPresent);
  observer.observe(document.body, { childList: true });
  checkIfPresent();

  return observer;
};

const element = document.querySelector('#element');
const add = () =&gt; document.body.appendChild(element);
const remove = () =&gt; element.remove();

trackElement(element);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button onclick="add()"&gt;Add&lt;/button&gt;
&lt;button onclick="remove()"&gt;Remove&lt;/button&gt;

&lt;div id="element"&gt;Element&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1105608|text|避免使用任何基于间隔的方法，并针对动态加载的div的父div使用MutationObserver，以获得更高的效率。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1105609|下面是简单的代码片段：|1105610|HTML：|1105611|<div+class="parent-static-div">
++<div+class="dynamic-loaded-div">
++++this+div+is+loaded+after+DOM+ready+event
++</div>
</div>|code-block|syntax|javascript|1105612|JS：|1105613|var+observer+=+new+MutationObserver(function+(mutationList,+obsrvr)+{
++var+div_to_check+=+document.querySelector(".dynamic-loaded-div");+//get+div+by+class
++//+var+div_to_check+=+document.getElementById('div-id');+//get+div+by+id

++console.log("checking+for+div...");
++if+(div_to_check)+{
++++console.log("div+is+loaded+now");+//+DO+YOUR+STUFF!
++++obsrvr.disconnect();+//+stop+observing
++++return;
++}
});

var+parentElement+=+document.querySelector("parent-static-div");+//+use+parent+div+which+is+already+present+in+DOM+to+maximise+efficiency
//+var+parentElement+=+document+//+if+not+sure+about+parent+div+then+just+use+whole+'document'

//+start+observing+for+dynamic+div
observer.observe(parentElement,+{
++//+for+properties+details:+https://developer.mozilla.org/en-US/docs/Web/API/MutationObserverInit
++childList:+true,
++subtree:+true,
});|1105614|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver^0|M|3|R|3|W|G|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|6|7|18|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|19|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1A|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1B|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1C|8|@]|D|@]|E|$M|N]]|$1|S|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

<p>Avoid using any interval based methods and use <a href="https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver" rel="noreferrer">MutationObserver</a> targeting a parent <code>div</code> of dynamically loaded <code>div</code> for better efficiency.</p>
<p>Here's the simple snippet:</p>
<p>HTML:</p>
<pre><code>&lt;div class=&quot;parent-static-div&quot;&gt;
  &lt;div class=&quot;dynamic-loaded-div&quot;&gt;
    this div is loaded after DOM ready event
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<p>JS:</p>
<pre><code>var observer = new MutationObserver(function (mutationList, obsrvr) {
  var div_to_check = document.querySelector(&quot;.dynamic-loaded-div&quot;); //get div by class
  // var div_to_check = document.getElementById('div-id'); //get div by id

  console.log(&quot;checking for div...&quot;);
  if (div_to_check) {
    console.log(&quot;div is loaded now&quot;); // DO YOUR STUFF!
    obsrvr.disconnect(); // stop observing
    return;
  }
});

var parentElement = document.querySelector(&quot;parent-static-div&quot;); // use parent div which is already present in DOM to maximise efficiency
// var parentElement = document // if not sure about parent div then just use whole 'document'

// start observing for dynamic div
observer.observe(parentElement, {
  // for properties details: https://developer.mozilla.org/en-US/docs/Web/API/MutationObserverInit
  childList: true,
  subtree: true,
});
</code></pre>


blocks|key|1104332|text|对于这类事情，我真的很喜欢YUI3库。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1104333|<div+id="mydiv">+...+</div>

<script>
YUI().use('node-base',+function(Y)+{
++Y.on("available",+someFunction,+'#mydiv')
})|code-block|syntax|javascript|1104334|请参阅：http://developer.yahoo.com/yui/3/event/#onavailable|offset|length|1104335|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.yahoo.com/yui/3/event/#onavailable^0|0|0|4|1F|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>I really like the YUI3 library for this sort of thing.</p>

<pre><code>&lt;div id="mydiv"&gt; ... &lt;/div&gt;

&lt;script&gt;
YUI().use('node-base', function(Y) {
  Y.on("available", someFunction, '#mydiv')
})
</code></pre>

<p>See: <a href="http://developer.yahoo.com/yui/3/event/#onavailable" rel="nofollow">http://developer.yahoo.com/yui/3/event/#onavailable</a></p>


blocks|key|1105520|text|我们可以在onload中使用所有这些标记|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1105521|<body>,+<frame>,+<frameset>,+<iframe>,+<img>,+<input+type="image">,+<link>,+<script>+and+<style>|code-block|syntax|javascript|1105522|例如：|1105523|​|1105524|function+loadImage()+{
++++alert("Image+is+loaded");
}|1105525|<img+src="https://www.w3schools.com/tags/w3html.gif"+onload="loadImage()"+width="100"+height="132">|1105526|1105527|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|U|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|O|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<p>we can use all these tags with onload</p>
<pre><code>&lt;body&gt;, &lt;frame&gt;, &lt;frameset&gt;, &lt;iframe&gt;, &lt;img&gt;, &lt;input type=&quot;image&quot;&gt;, &lt;link&gt;, &lt;script&gt; and &lt;style&gt;
</code></pre>
<p>eg:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function loadImage() {
    alert("Image is loaded");
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;img src="https://www.w3schools.com/tags/w3html.gif" onload="loadImage()" width="100" height="132"&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1105243|text|首先回答你的问题:不，你不能，不能直接这样做。回答可能有点晚了，但这是我的解决方案，没有jQuery，纯javascript。它最初是为了在加载DOM之后和在keyup时对textareas应用一个调整大小的函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1105244|同样，您可以使用它对(所有)div或只有一个div执行某些操作，如果指定，则如下所示：|1105245|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);
});|code-block|syntax|javascript|1105246|如果你真的需要对DOM加载后加载的div做一些事情，例如，在ajax调用之后，你可以使用一个非常有用的技巧，它很容易理解，你会发现它是...working-with-elements-before-the-dom-is-ready...。它说“在DOM准备好之前”，但它以同样的方式工作，在ajax插入或js-appendChild之后-不管是div。以下是代码，对我的需求做了一些微小的修改。|offset|length|1105247|css|1105248|.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);+}++
}|1105249|1105250|document.addEventListener("animationstart",+function(event)+{
++++var+e+=+event+%7C%7C+window.event;
++++if+(e.animationName+==+"nodeReady")+{
++++++++e.target.classList.remove('loaded');
++++++++do_something_else();
++++}
},+false);|1105251|entityMap|0|LINK|mutability|MUTABLE|url|https://keithclark.co.uk/articles/working-with-elements-before-the-dom-is-ready/^0|0|0|0|1V|1F|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|14|8|@]|9|@$K|15|L|16|1|17]]|A|$]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|19|8|@]|9|@]|A|$G|H]]|$1|Q|3|H|5|6|7|1A|8|@]|9|@]|A|$]]|$1|R|3|S|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|T|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10]]]]

<p>First to answer your question: No, you can't, not directly like you wanted to do so.
May be a bit late to answer, but this is my solution, without jQuery, pure javascript.
It was originally written to apply a resize function to textareas after DOM is loaded and on keyup.</p>

<p>Same way you could use it to do something with (all) divs or only one, if specified, like so:</p>

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

<p>If you really need to do something with a div, loaded after the DOM is loaded, e.g. after an ajax call, you could use a very helpful hack, which is easy to understand an you'll find it <a href="https://keithclark.co.uk/articles/working-with-elements-before-the-dom-is-ready/" rel="nofollow noreferrer">...working-with-elements-before-the-dom-is-ready...</a>. It says "before the DOM is ready" but it works brillant the same way, after an ajax insertion or js-appendChild-whatever of a div. Here's the code, with some tiny changes to my needs.</p>

<p>css</p>

<pre><code>.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); }  
}
</code></pre>

<p>javascript</p>

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


blocks|key|890810|text|这是一个非常简单的解决方案，并且100%25有效。在div中加载所有数据之后，如果您想执行javascript，只需在div中或在div的最后一行中加载<+img+>标记即可。由于<+img+>标签支持onload事件，所以您可以很容易地在这里调用javascript，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|890811|<+div>+<+img+onLoad=“警报(‘问题已解决’)；”src=“数据:+R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==”/gif；base64，onLoad=+/>+|890812|上图将只显示一个点(.)，您甚至看不到它。试试看。|890813|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

<p>This is very simple solution and 100% working.
Just load an &lt; img &gt; tag inside the div or at last line of div, if you think you want to execute javascript, after loading all data in div.
As &lt; img &gt; tag supports onload event, so you can easily call javascript here like below:</p>
<p>&lt; div &gt;
&lt; img onLoad=&quot;alert('Problem Solved');&quot; src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==&quot; /&gt;
&lt; / div&gt;
This above image will show only a single Dot(.), which you even cant see normally.
Try it.</p>


blocks|key|890009|text|我正在学习javascript和jquery，并经历了所有的答案，当我调用javascript函数加载div元素时，我也遇到了同样的问题。我试过$('<divid>').ready(function(){alert('test'})，它对我很有效。我想知道这是不是像我使用jquery选择器那样在div元素上执行onload调用的好方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|890010|谢谢|890011|entityMap^0|20|18|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

<p>I am learning javascript and jquery and was going through all the answer,
i faced same issue when calling javascript function for loading div element.
I tried <code>$('&lt;divid&gt;').ready(function(){alert('test'})</code> and it worked for me. I want to know is this good way to perform onload call on div element in the way i did using jquery selector.</p>

<p>thanks</p>


blocks|key|890110|text|正如所有人所说的，你不能在DIV上使用onLoad事件，只能在body标签之前使用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|890111|但如果您有一个页脚文件，并将其包含在多个页面中。最好先检查所需的div是否显示在该页面上，这样代码就不会在不包含该DIV的页面中执行，从而使其加载更快，并为应用程序节省一些时间。|890112|因此，您需要为该DIV提供一个ID并执行以下操作：|890113|var+myElem+=+document.getElementById('myElementId');
if+(myElem+!==+null){+put+your+code+here}|code-block|syntax|javascript|890114|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>As all said, you cannot use onLoad event on a DIV instead but it before  body tag.</p>

<p>but in case you have one footer file and include it in many pages. it's better to check first if the div you want is on that page displayed, so the code doesn't executed in the pages that doesn't contain that DIV to make it load faster and save some time for your application.</p>

<p>so you will need to give that DIV an ID and do:</p>

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


blocks|key|890150|text|我也有同样的问题，并试图让Div使用onload或load加载滚动脚本。我发现的问题是，它总是在Div打开之前工作，而不是在打开期间或之后，所以它不会真正工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|890151|然后我想出了一个变通的办法。|890152|<body>

<span+onmouseover="window.scrollTo(0,+document.body.scrollHeight);"+
onmouseout="window.scrollTo(0,+document.body.scrollHeight);">

<div+id="">
</div>

<a+href=""+onclick="window.scrollTo(0,+document.body.scrollHeight);">Link+to+open+Div</a>

</span>
</body>|code-block|syntax|javascript|890153|我将Div放在Span中，并为Span提供了两个事件，一个鼠标悬停和一个鼠标移出。然后在该Div下面，我放置了一个打开Div的链接，并为该链接提供了一个onclick事件。所有事件都完全相同，使页面向下滚动到页面底部。现在，当单击打开Div的按钮时，页面将部分向下跳转，并且Div将在按钮上方打开，从而导致mouseover和mouseout事件帮助推动向下滚动脚本。然后，鼠标在该点上的任何移动都将最后一次推动脚本。|890154|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I had the same question and was trying to get a Div to load a scroll script, using onload or load. The problem I found was that it would always work before the Div could open, not during or after, so it wouldn't really work.</p>

<p>Then I came up with this as a work around.</p>

<pre><code>&lt;body&gt;

&lt;span onmouseover="window.scrollTo(0, document.body.scrollHeight);" 
onmouseout="window.scrollTo(0, document.body.scrollHeight);"&gt;

&lt;div id=""&gt;
&lt;/div&gt;

&lt;a href="" onclick="window.scrollTo(0, document.body.scrollHeight);"&gt;Link to open Div&lt;/a&gt;

&lt;/span&gt;
&lt;/body&gt;
</code></pre>

<p>I placed the Div inside a Span and gave the Span two events, a mouseover and a mouseout. Then below that Div, I placed a link to open the Div, and gave that link an event for onclick. All events the exact same, to make the page scroll down to bottom of page. Now when the button to open the Div is clicked, the page will jump down part way, and the Div will open above the button, causing the mouseover and mouseout events to help push the scroll down script. Then any movement of the mouse at that point will push the script one last time.</p>


blocks|key|1105171|text|您可以使用一个间隔来检查它，直到它像这样加载：https://codepen.io/pager/pen/MBgGGM|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1105172|let+checkonloadDoSomething+=+setInterval(()+=>+{
++let+onloadDoSomething+=+document.getElementById("onloadDoSomething");
++if+(onloadDoSomething)+{
++++onloadDoSomething.innerHTML="Loaded"
++++clearInterval(checkonloadDoSomething);
++}+else+{`enter+code+here`
++++console.log("Waiting+for+onloadDoSomething+to+load");
++}
},+100);|code-block|syntax|javascript|1105173|entityMap|0|LINK|mutability|MUTABLE|url|https://codepen.io/pager/pen/MBgGGM^0|N|Z|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>You could use an interval to check for it until it loads like this: 
<a href="https://codepen.io/pager/pen/MBgGGM" rel="nofollow noreferrer">https://codepen.io/pager/pen/MBgGGM</a> </p>

<pre><code>let checkonloadDoSomething = setInterval(() =&gt; {
  let onloadDoSomething = document.getElementById("onloadDoSomething");
  if (onloadDoSomething) {
    onloadDoSomething.innerHTML="Loaded"
    clearInterval(checkonloadDoSomething);
  } else {`enter code here`
    console.log("Waiting for onloadDoSomething to load");
  }
}, 100);
</code></pre>


blocks|key|890465|text|当您从服务器加载一些html并将其插入到DOM树中时，您可以使用DOMSubtreeModified，但是它已被弃用-因此您可以使用MutationObserver，或者直接在loadElement函数中检测新内容，这样您将不需要等待DOM事件|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|890466|​|890467|var+ignoreFirst=0;
var+observer+=+(new+MutationObserver((m,+ob)=>
{
++if(ignoreFirst%2B%2B>0)+{
++++console.log('Element+add+on',+new+Date());
++}
}
)).observe(content,+{childList:+true,+subtree:true+});


//+simulate+element+loading
var+tmp=1;
function+loadElement(name)+{++
++setTimeout(()=>{
++++console.log(`Element+${name}+loaded`)
++++content.innerHTML+%2B=+`<div>My+name+is+${name}</div>`;+
++},1500*tmp%2B%2B)
};+

loadElement('Michael');
loadElement('Madonna');
loadElement('Shakira');|code-block|syntax|javascript|890468|<div+id="content"><div>|890469|890470|entityMap^0|W|I|1U|G|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|Q|$]]

<p>When you load some html from server and insert it into DOM tree you can use  <code>DOMSubtreeModified</code> however it is deprecated - so you can use <code>MutationObserver</code> or just detect new content inside loadElement function directly so you will don't need to wait for DOM events</p>

<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var ignoreFirst=0;
var observer = (new MutationObserver((m, ob)=&gt;
{
  if(ignoreFirst++&gt;0) {
    console.log('Element add on', new Date());
  }
}
)).observe(content, {childList: true, subtree:true });


// simulate element loading
var tmp=1;
function loadElement(name) {  
  setTimeout(()=&gt;{
    console.log(`Element ${name} loaded`)
    content.innerHTML += `&lt;div&gt;My name is ${name}&lt;/div&gt;`; 
  },1500*tmp++)
}; 

loadElement('Michael');
loadElement('Madonna');
loadElement('Shakira');</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="content"&gt;&lt;div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1105427|text|您可以附加一个事件监听器，如下所示。每当具有选择器#my-id的div完全加载到DOM时，它就会触发。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1105428|$(document).on('EventName',+'#my-id',+function()+{
+//+do+something
});|code-block|syntax|javascript|1105429|在这种情况下，EventName可以是'load‘或'click’|1105430|https://api.jquery.com/on/#on-events-selector-data-handler|1105431|entityMap|0|LINK|mutability|MUTABLE|url^0|P|6|0|0|0|0|1M|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Z|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|O|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|N]]]]

<p>You can attach an event listener as below. It will trigger whenever the div having selector <code>#my-id</code> loads completely to DOM.   </p>

<pre><code>$(document).on('EventName', '#my-id', function() {
 // do something
});
</code></pre>

<p>Inthis case EventName may be 'load' or 'click'</p>

<p><a href="https://api.jquery.com/on/#on-events-selector-data-handler" rel="nofollow noreferrer">https://api.jquery.com/on/#on-events-selector-data-handler</a> </p>


blocks|key|889475|text|可以通过属性(<body+onload="myFn()">+...)或通过在Javascript中绑定事件来使用body.onload事件。这在jQuery中非常常见|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|889476|$(document).ready(function()+{
++++doSomething($('#myDiv'));
});|code-block|syntax|javascript|889477|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/^0|7|Q|20|6|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>Use the body.onload event instead, either via attribute (<code>&lt;body onload="myFn()"&gt; ...</code>) or by binding an event in Javascript.  This is extremely common with <a href="http://jquery.com" rel="nofollow">jQuery</a>:</p>

<pre><code>$(document).ready(function() {
    doSomething($('#myDiv'));
});
</code></pre>


blocks|key|890207|text|尝尝这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|890208|​|890209|document.getElementById("div").onload+=+alert("This+is+a+div.");|code-block|syntax|javascript|890210|<div+id="div">Hello+World</div>|890211|890212|也试试这个吧。您需要从oQuickReply.swap()中删除.才能使函数正常工作。|offset|length|style|CODE|890213|890214|document.getElementById("div").onload+=+oQuickReplyswap();
function+oQuickReplyswap()+{
alert("Hello+World");
}|890215|<div+id="div"></div>|890216|890217|entityMap^0|0|0|0|0|0|B|I|W|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|14|8|@$N|15|O|16|P|Q]|$N|17|O|18|P|Q]]|9|@]|A|$]]|$1|R|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|W|3|C|5|6|7|1C|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|Y|$]]

<p>Try this.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>document.getElementById("div").onload = alert("This is a div.");</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="div"&gt;Hello World&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>Try this one too. You need to remove <code>.</code> from <code>oQuickReply.swap()</code> to make the function working.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>document.getElementById("div").onload = oQuickReplyswap();
function oQuickReplyswap() {
alert("Hello World");
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="div"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


<p>How do you add an <code>onload</code> event to an element?</p>

<p>Can I use:</p>

<pre><code>&lt;div onload="oQuickReply.swap();" &gt;&lt;/div&gt;
</code></pre>

<p>for this?</p>


How to add onload event to a div element

如何将onload事件添加到元素中？我可以使用：<div onload="oQuickReply.swap();" ></div>就为了这个？

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

回答 22

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 22

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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