Javascript多个脚本src

Question

我正在尝试创建一个创建openheatmap的javscript文件.我需要包含两个不同的javascript src文件,但我目前正在做的不起作用,这就是我现在正在做的事情.

<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://static.openheatmap.com/scripts/jquery.openheatmap.js" type="text/javascript"></script>

有一个更好的方法吗？

Answer 1

有一种更好的方法可以包含JavaScript文件 - 您可以在文件的后期执行此操作,尤其是在您未托管脚本的情况下.这允许页面加载而不会被阻止加载外部资源.

所以我建议你把所有脚本放在结束body标记之前.

您甚至可以进一步加载脚本并加载脚本而不阻止页面呈现,您可以使用defer属性(与async属性不同,保证执行顺序,这在您的示例中看起来很重要).

    <script defer src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script defer src="http://static.openheatmap.com/scripts/jquery.openheatmap.js"></script>
    <script defer>
        // JavaScript here...
    </script>
</body>

您还可以使用带有defer属性的onload属性来指定DOM准备就绪后要运行的方法.

<script defer onload="MyStuff.domLoaded();">

对于问题的其他部分,关于您的脚本是否有效,请提供更多信息.