从多个文件中加载一个javascript文件

Loading a single javascript file from multiple files

本文关键字：文件 一个 javascript 加载      更新时间：2023-09-26

我试图通过从外部单独的文件调用javascript来加载单个javascript碎片，并且想知道这样做的最佳方法。具体来说，这只是一个基本的谷歌地图页面，我想把代码组织得更好一点。我希望将标记变量分成组，并将这些变量组存储在单独的文件中，然后在页面的主javascript头中调用这些文件。我想将这段代码限制为html和javascript，以保持其简单性，以便将来对这一领域不太了解的个人进行更新。我不会用JavaScript写很多代码，如果已经有一个内置函数，那就太好了。这纯粹是为了美观，只是为了让代码更简洁一些。任何帮助或建议将不胜感激。谢谢。

如果我理解对了，你不会想从几个其他JavaScript文件调用一个JavaScript文件。你只需要保存几组变量。那么，您可以保存它—使用服务器端数据库，也可以使用http://www.w3.org/TR/webstorage/或http://www.w3.org/TR/IndexedDB/

保存它。

您可以添加对外部文件的引用:

<html>
  <head>
    <script type="text/javascript" src="colorGradient.js"></script>
    <script type="text/javascript" src="xpath.js"></script>
    <script type="text/javascript" src="kml2.js"></script>
    <style type="text/css"> ... </script>
  </head>
  <body>
    ....
  </body>
</html>

你可以尝试"特性加载"和/或"按需加载javascript "框架。既然你正在尝试使用谷歌地图，我建议你使用谷歌加载器API，它的工作原理非常接近你正在寻找的。

使用一个简单的JS，你可以做如下.... 
<script type="text/javascript">
  google.load("search", "1");
  google.load("jquery", "1.4.2");
  google.load("jqueryui", "1.7.2");
</script>

…它将加载多个文件

为您的开发拆分代码是一个好主意。因此，有很多框架可以帮助您在MVC和psudo MVC模型的帮助下组织代码。

试题:http://maccman.github.com/spine/

或

http://documentcloud.github.com/backbone/

但是，是什么阻止您在生产环境中将所有内容放在一个文件中呢?它更容易在服务器请求。无论如何，您都希望将其集成到构建过程中……

但是如果你坚持要将它们添加到DOM中，你当然可以这样做:

document.write(unescape('%3Cscript src="yourfile.js"%3E%3C/script%3E'))

这将添加

<script src="yourfile.js"></script>

到你的dom

如果我正确理解您的问题，您想将单个脚本拆分为多个.js文件。据我所知，只要您包含一个标签来加载每个文件，这应该工作得很好。你可能需要按顺序加载文件(例如，不要包含调用尚未定义的函数的文件)。

但是，请注意拆分脚本将导致对服务器的更多调用，这将减慢页面加载速度。在大多数情况下，仅仅包含几个脚本甚至不会在加载时间上产生明显的差异。

相关文章：