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

互联网 19-12-16

如何给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事件的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： js