• 技术文章 >web前端 >js教程

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

    angryTomangryTom2019-12-16 17:23:07转载1616

    如何给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中文网其它相关文章!

    声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除
    专题推荐:onload js
    上一篇:ajax获取网页添加到div中的方法 下一篇:解决for循环中异步请求顺序不一致的问题
    大前端线上培训班

    相关文章推荐

    • jquery $(document).ready() 与window.onload的区别• 有关img.onload知识点有哪些• window.onload的使用方法• 微信小程序中的onLoad的解析

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网