首页 / JAVASCRIPT / javascript – 在哪里放置$(文档).ready(function()？

javascript – 在哪里放置$(文档).ready(function()？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在哪里放置$(文档).ready(function()？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2074字，纯文字阅读大概需要3分钟。

内容图文

参见英文答案 > document.ready inside body tag                                    2个
我们经常在这里和那里阅读,我们必须将我们的js代码放在页头部分或之前(抱歉)结束正文标记.关于这一点的讨论,我只是想知道浏览器对这些东西的阅读顺序是什么(考虑到它们在这里做的相同)：

我们可以放置：

$(document).ready(function(){

无论页面结构在哪里,因为我们使用的是$(document).ready,还是应该将它放在head部分？

任何人都可以澄清一下.

如果我的问题不明确,我可以改写.

解决方法:

您可以将脚本放在文档中的任何位置.最佳实践通常建议在脚本中放置脚本以解决页面加载性能问题.此外,最佳实践通常建议将脚本放在一起以便于维护.

但是,根据规范,对文档中放置脚本标记的位置没有限制.您可以将它们放在标题中,身体底部,整个文档上或其任何组合中.

使用jQuery构造$(document).ready具有相同的结果,无论它放在文档中的什么位置.关键是要了解这个构造背后的功能：

While JavaScript provides the load event for executing code when a page is rendered, this event does not get triggered until all assets such as images have been completely received.

因此,ready类似于document.onload,但不一样.代码在哪里,如果在触发document.onload或jQuery准备就绪时执行它并不重要.代码在文档中的位置仅在未被某个事件处理程序/侦听器包装时才有意义.

$(document).ready上位置的唯一限制是在包含jQuery库之前不会发生这种情况. $(document).ready正在使用jQuery,所以如果jQuery不存在……你就不能使用它.

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
        <script>
            alert('executed as soon as it is reached (as the document is downloaded)');
            $(document).ready(function () { alert('on jQuery ready'); });
        </script>
    </head>
    <body onl oad="alert('executed on document.onload event');">
        <script>
            alert('executed as soon as it is reached (as the document is downloaded)');
            $(document).ready(function () { alert('on jQuery ready'); });
        </script>
    </body>
</html>

文档

> SCR3T规范W3 – http://www.w3.org/TR/html401/interact/scripts.html
> W3 – http://www.w3.org/TR/html-markup/script.html中的脚本(html 5)规范
>在quirksmode – http://www.quirksmode.org/js/placejs.html的页面中放置Javascript
> Jquery准备好了 – http://api.jquery.com/ready/

内容总结

以上是互联网集市为您收集整理的javascript – 在哪里放置$(文档).ready(function()？全部内容，希望文章能够帮你解决javascript – 在哪里放置$(文档).ready(function()？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/706785.html

来源：【匿名】