Question

我正在尝试通过从外部单独文件调用javascript来加载单个javascript，并且想知道实现此目的的最佳方式。具体来说，这只是一个基本的谷歌地图页面，我想要更好地组织代码。我希望将标记变量分成组并将这些变量组存储在单独的文件中，然后在页面的主javascript标题中调用这些文件。我想将此代码限制为仅仅是html和javascript，以便将其简单性用于未来更新的目的，而不是在该领域知识渊博的人。我没有用JavaScript进行大量编码，所以，如果已经有一个内置函数，那就太好了。这纯粹是美学的，只是为了使代码更清洁。任何帮助或建议将不胜感激。感谢。

Answer 1

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

<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>

Answer 2

您可以尝试“功能加载”和/或“按需javascript加载”框架。由于您尝试使用Google地图，我建议您使用Google Loader API ，它与您正在寻找的内容非常接近。

例如：使用简单的JS，您可以执行以下操作....

<script type="text/javascript">
  google.load("search", "1");
  google.load("jquery", "1.4.2");
  google.load("jqueryui", "1.7.2");
</script>

...它将加载多个文件。

Answer 3

如果我理解你的话，你不想从其他几个JavaScript文件调用一个JavaScript文件。您只想保存一些变量组。好吧，您可以保存它 - 使用服务器端数据库，或者可以使用http://www.w3.org/TR/webstorage/或http://www.w3.org/TR/IndexedDB/

Answer 4

为您的开发拆分代码是一个好主意。在那里，有很多框架可以帮助您在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

Answer 5

如果我正确理解您的问题，您希望将单个脚本拆分为多个.js文件。据我所知，只要包含一个标记来加载每个文件，这应该可以正常工作。您可能需要按顺序加载文件（即，不要包含调用尚未确定的函数的文件）。

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

从多个文件加载单个javascript文件

5 个答案: