温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何为div、p标签添加onload事件

发布时间:2020-06-15 10:46:20 来源:亿速云 阅读:340 作者:Leah 栏目:web开发

如何为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事件。

看完这篇文章,你们学会为div、p标签添加onload事件的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI