javascript - 如何将外部 javascript 文件添加到目录中的所有 html 文件中？

Question

有没有什么简单的方法可以将外部 javascript 文件添加或链接到所有 .html 中？目录中的文件由 java 脚本。

我有一个名为 src 的文件夹因为有 n 个 .html文件可用。我需要提供<script src="event_listener.js"></script>在每个 .html 中手动文件，我正在寻找通过 javascript 自动执行此步骤。到目前为止，我尝试阅读如下文件，

$.get(path_of_the_file, function( my_var ) {
    console.log(my_var)
}, 'html');

但我有cross-domain问题。所以我无法达到同样的目的。

我是 JavaScript 的新手。所以我没有解决这个问题的想法。如果我在 python 中遇到这个问题，我可以尝试下面的方法，

import os
file_path=os.listdir('path_of_the_files')
for file_ in file_path:
   if file_.endswith('.html'):
      fo=open(file_path+'/'+file_,'r')
      i=0
      lines=fo.readlines()
      for line in lines:
         if line.strip().startwith("</html>"):
              el=i
              break
         i+=1
      lines.insert(["<script src="event_listener.js"></script>"],i)
      fo.close()
      fo=open(file_path+'/'+file_,'w')
      fo.writelines( lines )

在最坏的情况下，我可以尝试使用 python。

但我希望这可以通过不迁移到 python 来解决。

提前致谢。

Answer 1

您可以使用 nodeJS 文件系统 API 来编辑文件夹中的所有文件。 https://nodejs.org/api/fs.html

以下是读取文件夹中的所有文件并将 onFileContent 函数应用于每个文件的方法:

var fs = require('fs');

function readFiles(dirname, onFileContent, onError) {
  fs.readdir(dirname, function(err, filenames) {
    if (err) {
      onError(err);
      return;
    }
    filenames.forEach(function(filename) {
      fs.readFile(dirname + filename, 'utf-8', function(err, content) {
        if (err) {
          onError(err);
          return;
        }
        onFileContent(filename, content);
      });
    });
  });
}

这就是您写入单个文件的方式:

fs.writeFile('filename.txt', newValue, 'utf-8', function (err) {
  if (err) throw err;
});

希望对您有所帮助。不要忘记这是 Nodejs，它不是浏览器脚本。