如何一次性把所有html页面引入同一个js

我写了个js文件，然后我想要把所有的html页面都引入这个js文件，并调用里面的方法。
原生的html那种。请问是否有办法一次性把所有html都引入js方法的。不然我一个个引入太麻烦了。

  1. 理论上不可以在不使用工具的情况下实现这种。在html文件数量不多的情况下可以考虑手动一个个贴上去。
  2. 如果使用Webpack或者其他脚手架的话，打包的时候是会在html模板上自动注入的。
  3. 如果是多个原生的html需要引入多个相同的js文件，有一个方法。在script脚本下用document.write再次引入。
    <!-- 比如多个html文件中都要引入script.js，script2.js ... -->
    <!-- 在原生的html文件中至少要自己手动引入一个 -->
    <!-- 如果不想引入多个 相同的js，可以在已经引入的第一个
        共同的script.js 开头写入相同的引入代码 -->
    
        <!-- 假设下面的script是script.js -->
    <script>
        let scriptStr=  "<script src='./script2.js'><\/script>";
        document.write(scriptStr);
    </script>

拓展一下，先在每个html里面手动引入一个基础的script.js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./script.js"></script>
</head>
<body>    
</body>
</html>

此时想引入100个不同的js文件，只需要在script.js里面设一个循环再引入就行。

for(let i=1;i<100;i++){
    let scriptStr=  `<script src='./script${i}.js'><\/script>`;
    document.write(scriptStr);
}

可以考虑用nodejs写个程序批量处理