如何在服务器端包含 javascript 文件？

Question

我想在服务器端将 JS 文件包含在另一个 JS 文件中，以防止复制粘贴和从客户端加载多个 JS 文件。 就像 PHP 所做的那样 include('file.js') 。

Answer 1

没有内置方法可以从 JavaScript 文件包含其他 JavaScript 文件...但您可以将它们添加到 DOM 中 ->

function addJavascript(jsname,pos) {
  var th = document.getElementsByTagName(pos)[0];
  var s = document.createElement('script');
  s.setAttribute('type','text/javascript');
  s.setAttribute('src',jsname);
  th.appendChild(s);
}

用法示例：

addJavascript('newExternal.js','body');

Answer 2

正如 Supercharging javascript 文章建议的那样 - 带有PHP，您可以读取所有 .js 文件并创建一个大的 js 文件，然后将其整体发送。

这是文章中示例的简化，只是为了帮助您入门：

<?php 
define('SCRIPT_DIR', $_SERVER['DOCUMENT_ROOT'] . '/script/');

$files = array(
    'jquery.js',
    'myLib.js',
    'site.js'
);

header('Content-Type: text/javascript');
foreach (files as $file) {
    if (@readfile(SCRIPT_DIR . $file) === false) {
        error_log("javascript.php: Error reading file '$file'");
    }
}
?>

我还建议阅读全文 在 PHP 中增强 JavaScript 以获取更多信息。

Answer 3

JSfile = "1.js, 2.js, 3.js"

for 循环

document.write();

Answer 4

您必须使用脚本加载器，我想推荐在 Twitter 工作的达斯汀·迪亚兹 (Dustin Diaz) 开发的 script.js。 Github 上的项目页面。
这是你如何使用它
假设您有一个要在页面中加载的 jquery 插件，这里是您应该做的

// load jquery and plugin at the same time. name it 'bundle'
$script(['jquery.js', 'my-jquery-plugin.js'], 'bundle')

// load your usage
$script('my-app-that-uses-plugin.js')


/*--- in my-jquery-plugin.js ---*/
$script.ready('bundle', function() {
  // jquery & plugin (this file) are both ready
  // plugin code...
})


/*--- in my-app-that-uses-plugin.js ---*/
$script.ready('bundle', function() {
  // use your plugin :)
})

示例也来自项目页面。以下是您应该遵循的步骤

1. 首先加载 Script.js 文件
2. 现在包括异步加载所有其他所需脚本的依赖项加载器脚本[依赖项加载器脚本的内容将类似于上面]