巧妙的给div、p标签添加onload事件

程序员文章站 2022-04-05 17:17:59

...

如何给div、p添加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事件。

本文来自 js教程栏目，欢迎学习！

以上就是巧妙的给div、p标签添加onload事件的详细内容，更多请关注其它相关文章！

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