注意：不是vue项目！！
是最原始的html页面项目，通过这样的方式引入js的。
我想要所有页面引入一个总的公共js文件，但是js文件中又分拆出多个不同板块的功能js。
需要的是把多个js文件引入到公共js文件中。然后我的页面只需要调用公共js文件就可以直接调用到多个被引入的js文件的内容。请问这种情况如何处理。
网上的方法试了一圈不生效。
在公共js中动态引入其它js
var jsList = [
'./static/js_a.js',
'./static/js_b.js'
]
for (var i = 0; i < jsList.length - 1; i++) {
var item = jsList[i]
var script = document.createElement('script')
script.src = item
document.body.appendChild(script)
}
你可以将公共的js文件全部引用在有个共有的html页面。然后其他页面直接引用这个共有html文件即可。
【以下回答由 GPT 生成】
解决方案如下：
确保你的总公共JavaScript文件已经创建好，并且位于你的项目文件夹中。假设文件名为common.js，放在项目根目录下的js文件夹中。
在你的HTML文件的<head>标签中引入jQuery库的CDN链接和你的总公共JavaScript文件。可以从jQuery官方网站(https://jquery.com/)获取最新版本的CDN链接。
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="js/common.js"></script>
</head>
确保你的其他功能JavaScript文件已经创建好，并且位于你的项目文件夹中。假设文件名为feature1.js和feature2.js，分别放在项目根目录下的js文件夹中。
在总公共JavaScript文件common.js中使用jQuery的$.getScript()方法引入其他功能JavaScript文件。假设你想引入feature1.js和feature2.js。
$.getScript("js/feature1.js");
$.getScript("js/feature2.js");
例如，在feature1.js中定义一个函数function1()：
function function1() {
console.log("This is function 1");
}
<script>标签来调用函数。<body>
<script>
function1(); // 调用feature1.js中的function1函数
</script>
</body>
通过以上步骤，你应该能够在你的HTML页面项目中成功引入其他的JavaScript文件，并且能够直接使用这些被引入的文件中定义的函数和变量。如果还是有问题，请提供更多细节，我将尽力帮助你解决。
【相关推荐】