Javascript multiple script src

Javascript multiple script src

本文关键字：src script multiple Javascript      更新时间：2023-09-26

我正在尝试制作一个javascript文件，用于创建openheatmap。我需要包含两个不同的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>

有更好的方法吗？

有一种更好的方法可以包含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>

您还可以将onload属性与defer属性一起使用，以指定DOM就绪后要运行的方法。

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

关于你问题的另一部分，关于你的剧本是否有效，请提供更多信息。

相关文章：