如何给div、p添加onload事件?

家住魔仙堡 提交于 2019-12-14 21:17:18

前提

其实只有 <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事件。 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!