如何给divp添加onload事件?

Posted lovesong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何给divp添加onload事件?相关的知识,希望对你有一定的参考价值。

前提

其实只有 <body>、<frame>、<iframe>、<img>、<link>、<script>、<style> 这些标签才有onload事件,而div、p等标签是没有的。

但如果我们还是想在div append到DOM时做一些事情该怎么办呢?有人会说那就在append到DOM的代码后面加不就行了,但这样会每个append地方后面都得一一写上,好麻烦。

例如

<div>
    <p>我有一只小毛驴,我从来也不骑。</p>
</div>

假设我想在上面内容加载后,弹出“我是小毛驴”提示框。

借花献佛

我还是想用onload事件处理,我们也知道哪些标签是支持,那么就可以把代码改成:

<div>
    <p>我有一只小毛驴,我从来也不骑。</p>
    <style onload="alert(‘我是小毛驴‘)"></style>
</div>

这样借用style标签,只要div append到DOM,就可模拟触发onload事件。 

以上是关于如何给divp添加onload事件?的主要内容,如果未能解决你的问题,请参考以下文章

如何设置在加载所有动态添加的 iframe 时触发的 window.onload 事件?

javascript通用代码合集

3.给只读动画添加事件

向元素添加点击事件?

在html中使用window.onload和onload的区别

如何在 onload 事件上单击输入(类型=文件)