如何给div、p添加onload事件？ 程序员文章站 2023-11-02 15:00:28 前提 其实只有 、、、<img>、<link>、<script>、<style> 这些标签才有onload事件，而div、p等标签是没有的。 但如果我们还是想在div append到DOM时做一些事情该怎么办呢？有人会说那就在append到DOM的代码后面加 ......</div> <div class="content"> <p></p> <p><span style="font-size: 14pt;"><strong><span style="color: #3366ff;">前提</span></strong></span></p> <p>其实只有 <body>、<frame>、<iframe>、<img>、<link>、<script>、<style> 这些标签才有onload事件，而div、p等标签是没有的。</p> <p>但如果我们还是想在div append到dom时做一些事情该怎么办呢？有人会说那就在append到dom的代码后面加不就行了，但这样会每个append地方后面都得一一写上，好麻烦。</p> <p><span style="font-size: 14pt;"><strong><span style="color: #3366ff;">例如</span></strong></span></p> <div class="cnblogs_code"> <pre class="brush: css;"><div> <p>我有一只小毛驴，我从来也不骑。</p> </div></pre> </div> <p>假设我想在上面内容加载后，弹出“我是小毛驴”提示框。</p> <p><span style="font-size: 14pt;"><strong><span style="color: #3366ff;">借花献佛</span></strong></span></p> <p>我还是想用onload事件处理，我们也知道哪些标签是支持，那么就可以把代码改成：</p> <div class="cnblogs_code"> <pre class="brush: css;"><div> <p>我有一只小毛驴，我从来也不骑。</p> <style onload="alert('我是小毛驴')"></style> </div></pre> </div> <p>这样借用style标签，只要div append到dom，就可模拟触发onload事件。 </p> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/2079553.html"> Mybatis入门案例中设计模式的简单分析 </a> </p> <p> 下一篇： <a href="/article/2079555.html"> 使用JavaScript实现node.js中的path.join方法 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2079554.html" target="_blank" title="如何给div、p添加onload事件？"> <h2> 如何给div、p添加onload事件？ </h2> </a> </li> <li> <a href="/article/2058241.html" target="_blank" title="JavaScript的闭包特性如何给循环中的对象添加事件（一）"> <h2> JavaScript的闭包特性如何给循环中的对象添加事件（一） </h2> </a> </li> <li> <a href="/article/2007187.html" target="_blank" title="在点击div中的p时，如何阻止事件冒泡"> <h2> 在点击div中的p时，如何阻止事件冒泡 </h2> </a> </li> <li> <a href="/article/1857637.html" target="_blank" title="【百度地图API】如何给自定义覆盖物添加事件"> <h2> 【百度地图API】如何给自定义覆盖物添加事件 </h2> </a> </li> <li> <a href="/article/1758118.html" target="_blank" title="jquery给div或者p添加href自动加载链接内容插件"> <h2> jquery给div或者p添加href自动加载链接内容插件 </h2> </a> </li> <li> <a href="/article/1758094.html" target="_blank" title="jquery给div或者p添加href自动加载链接内容插件"> <h2> jquery给div或者p添加href自动加载链接内容插件 </h2> </a> </li> <li> <a href="/article/1744983.html" target="_blank" title="如何给组件UIButton添加事件并传递参数"> <h2> 如何给组件UIButton添加事件并传递参数 </h2> </a> </li> <li> <a href="/article/1631345.html" target="_blank" title="css 给div添加遮罩层 并且遮挡住下面元素点击事件"> <h2> css 给div添加遮罩层 并且遮挡住下面元素点击事件 </h2> </a> </li> <li> <a href="/article/1474263.html" target="_blank" title="jquery如何给对象动态添加属性以及选择器、事件的绑定？（代码教程）"> <h2> jquery如何给对象动态添加属性以及选择器、事件的绑定？（代码教程） </h2> </a> </li> <li> <a href="/article/1306909.html" target="_blank" title="JavaScript的闭包特性如何给循环中的对象添加事件（一）"> <h2> JavaScript的闭包特性如何给循环中的对象添加事件（一） </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>