首页  >  文章  >  web前端  >  巧妙的给div、p标签添加onload事件

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

angryTom
angryTom转载
2019-12-16 17:23:074757浏览

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

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

前提

其实只有 6c04bd5ca3fcae76e30b72ad730ca86d、04a0d55efbbfd646a993fbc01f262c57、d5ba1642137c3f32f4f4493ae923989c、a1f02c36ba31691bcfe87b2722de723b、2cdf5bf648cf2f33323966d7f58a7f3f、3f1c4e4b6b16bbbd69b2ee476dc4f83a、c9ccee2e6ea535a969eb3f532ad9fe89 这些标签才有onload事件,而div、p等标签是没有的。

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

例如

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

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

借花献佛

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

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

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

本文来自 js教程 栏目,欢迎学习!  

以上是巧妙的给div、p标签添加onload事件的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:cnblogs.com。如有侵权,请联系admin@php.cn删除