首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在正文中而不是在头中链接javascript文件会导致问题吗?

在正文中而不是在头中链接javascript文件会导致问题吗?
EN

Stack Overflow用户
提问于 2011-07-27 02:01:27
回答 6查看 4.3K关注 0票数 3

这就是我想要做的。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script type="text/javascript" src="resources/application.js"></script>
    <script type="text/javascript" >
       $(document).ready(createHeader()); 
       $(document).ready(scriptSet()); 
    </script>

我希望避免将两者分开,虽然我通常只在头文件中看到脚本链接,但document.ready函数放在那里时似乎不起作用。然而,当放置在身体的末端时,一切似乎都工作得很好,那么这会引起什么问题吗?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2011-07-27 02:24:34

从功能上讲,只要你把你的代码封装在一个$(document).ready(function(){ }); 中,它出现在jQuery文件包含的之后,它不会,不管它是在head还是body中。$(document).ready确保在执行任何脚本之前完全加载DOM。

然而,,把你所有的脚本包括和脚本放在body的底部是加载性能的最佳

This article explains it nicely.

示例:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
        <body>

    <!-- MY HTML CODE -->

    <!-- START javascript -->
        <script type="text/javascript" src="/javascript/jquery/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="/javascript/jquery/plugins/jquery.random_plugin.js"></script>
        <script type="text/javascript" src="/javascript/jquery/plugins/jquery.random_plugin2.js"></script>
        <script type="text/javascript" src="/javascript/some_other_scripts.js"></script>

        <script type="text/javascript" language="JavaScript">
        //<![CDATA[
            $(document).ready(function(){
                // my code
            });
        //]]>
        </script>
    <!-- END javascript -->

        </body>
票数 8
EN

Stack Overflow用户

发布于 2011-07-27 02:05:06

在正文中有脚本标记是没有问题的。请记住,页面是自上而下解析的,因此在使用脚本之前必须包含脚本。

票数 1
EN

Stack Overflow用户

发布于 2011-07-27 02:05:16

不,事实上,把你的脚本放在HTML的末尾对“性能”有好处。

还有一个好的做法是将所有的javascript放在另一个文件中,如果可能的话,只要设置一个头来调用它,甚至可以压缩文件。

现在,我将为此更改代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).ready(function(){
    createHeader();
    scriptSet();
}); 

因此您不会调用$(document).ready两次:)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6838689

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文