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属性不同，保证执行顺序，这在您的示例中看起来很重要）。 / p>

    <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();">

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

Javascript多个脚本src

1 个答案: