首页 >web前端 >js教程 > 正文

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

转载2019-12-16 17:23:0702496

如何给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事件的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除

  • 相关标签:onload js
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • Java参考文档Java参考文档
  • 黑马云课堂JavaScript 高级框架设计视频教程黑马云课堂JavaScript 高级框架设计视频教程
  • 尚硅谷JavaScript高级视频教程尚硅谷JavaScript高级视频教程
  • JavaScript极速入门JavaScript极速入门
  • 视频教程分类