javascript-onload和Jquery ready().他们可以在任何DOM上工作吗？例如表还是div？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-onload和Jquery ready().他们可以在任何DOM上工作吗？例如表还是div？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1308字，纯文字阅读大概需要2分钟。

内容图文

我需要使用javascript脚本在div上放置动态内容.该div位于页面顶部,因此将首先加载它下面的其他内容.那里确实有很多事情.因此,当我将脚本放在ready()或onload上时,div将为空2 -3秒,同时显示其他内容.因此,我尝试将onload或ready()放入此div.

//example div, which is on the header part of the page
<div id="cont1">
something goes here
</div>
//... and there are a lot of other things going down here.

我尝试将onload =“ alert(‘test’)”放在div标签上

<div id="cont1" onl oad="alert('test')">

还有jquery方法

<script>
$("cont1").ready(function(){
    alert("test");
});
</script>

这两种方法均无效,因为仅在显示整个页面后才会触发警报.

但是如果我放了alert(“ test”);关闭上述div后立即执行脚本,它可以正常工作(因为显示警报时页面上的其他内容尚未显示).

<div id="cont1">
something goes here
</div>
<script>
    alert("test");
</script>

但是这种方法是一种不好的设计,不是吗？那么,还有其他方法可以做到这一点吗？

解决方法:

如果您希望在加载特定的DOM元素后触发javascript操作,只需将其放置在该元素之后,即可,如您所述：

<div id="cont1">
something goes here
</div>
<script>
    alert("test");
</script>

有些人可能会不同意,但这并不是一个坏设计.只要此脚本中发生的一切仅与HTML文档中在其之前出现的元素有关,则所有内容都应为洁. DOM按照在文档中出现的顺序线性加载,因此,在#cont1之后的脚本不会出现在#cont1之后的脚本.如果脚本很长,则可以将其放在标头include中的函数中,然后在其中调用该函数.

内容总结

以上是互联网集市为您收集整理的javascript-onload和Jquery ready().他们可以在任何DOM上工作吗？例如表还是div？全部内容，希望文章能够帮你解决javascript-onload和Jquery ready().他们可以在任何DOM上工作吗？例如表还是div？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端