如何引入一个 js文件

Posted 2023-05-09

新建javascript 类型的页面，在里面写入相应js 内容
保存文件在相应的根目录的js 文件夹下 如命名为lead.js
在页面中写<script type="text/javascript" src="js/lead.js"></script>即可完成导入 参考技术A 如果想用纯JS来实现，是没有办法的，提供两个方案
1. 用JS来实现，但是需要自己手工把文件名列表弄出来，作为数据，如下
var files = ['文件名1‘, '文件名2', '文件名3',...]; // 这个数组放该目录下的所有文件名
var dir = '/path/to/your/directory/'; // 这里放对应的路径
for (var i=;0; i<files.lenght; i++)
var script = document.createElement('script');
script.type= "text/javascript";
script.src = dir + files[i] + ".js";
document.getElementsByTagName('head')[0].appendChild(script);


2. 第二种方法和一楼说的差不多，通过后端模板或者程序来遍历目录，把对应的文件都生成到html当中 参考技术B web页面引入js可以采用以下几种方式：
1、在页面中直接使用src引入js文件，例子：<script type="text/javascript" src="a.js">
2、在js中引用其他js文件。
例子：
a.js内容如下：
document.write("script language='javascript' src='b.js'></script");
3、js动态引用js文件：
var fileref = document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src","a.js"); //这里引用的a.js文件
document.getElementsByTagName("head")[0].appendChild(fileref);

如何在一个js文件中引入另外的js文件

例如想要在a.js中引用b.js、c.js和d.js

document.write("<script language=‘javascript‘ src=‘b.js‘></script>");
document.write("<script language=‘javascript‘ src=‘c.js‘></script>");
document.write("<script language=‘javascript‘ src=‘d.js‘></script>");

这样
html中只需要调用a.js，就会同时引入b.js、c.js和d.js。