如果想用纯JS来实现，是没有办法的，提供两个方案
1 用JS来实现，但是需要自己手工把文件名列表弄出来，作为数据，如下
var files = ['文件名1‘, '文件名2', '文件名3',]; // 这个数组放该目录下的所有文件名
var dir = '/path/to/your/directory/'; // 这里放对应的路径
for (var i=;0; i<fileslenght; i++) {
var script = documentcreateElement('script');
scripttype= "text/javascript";
scriptsrc = dir + files[i] + "js";
documentgetElementsByTagName('head')[0]appendChild(script);
}
2 第二种方法和一楼说的差不多，通过后端模板或者程序来遍历目录，把对应的文件都生成到html当中
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。
2、将html中的函数封装到indexjs文件中。
3、在indexhtml中的<script>标签，引入提取封装的js文件，并输入调用的js代码：fun2();fun1();。
4、浏览器运行indexhtml页面，此时成功调用了外部js文件中的函数打印出了结果。
放错位置了，JS文件引用应该放在<body></body>外面；楼上说要放到<head></head>里面这也不一定，而有些人习惯放在</body>的后面
<body>
<p><img src="" alt="" name="top_image" width="900" height="100" id="top_image" /></p>
</body>
<script src="js/rilijs" type="javascript"></script>
</html>
Js文件中调用其它Js函数的方法：
1、例如有这样一个html，里面有一个按钮，当按下时调用bjs文件中的方法b()。而b()中又要调用ajs文件中的方法a()。那我们应该怎么做呢？
首先，在html中引入bjs，并在</body>之后加入引用语句。必须注意，将要引入的Js文件代码放在</body>下面。
<html>
<body>
<input type="button" value="ok" onclick="javascript:b()">
</body>
<!--这里引用要放在body下面-->
<script language="JAVASCRIPT" src='bjs'></script>
</html>
bjs文件中引入ajs,内容如下：
new_element=documentcreateElement("script");
new_elementsetAttribute("type","text/javascript");
new_elementsetAttribute("src","ajs");// 在这里引入了ajs
documentbodyappendChild(new_element);
function b() {
a();
}
在bjs文件中前4行代码中我们引入了ajs文件，并在第7行代码中调用了ajs代码中的a()方法。
注意：<script language="JAVASCRIPT" src='bjs'></script>一定要放在body下面。
因为在bjs中用到了body（documentbodyappendChild(new_element);）
如果将引如bjs的代码放在body上面，也就是说， 进入页面后，还没有生成body就已经执行bjs里的documentbodyappendChild(new_element);了。 这时body不存在就会抛javascript错误。
如果JavaScript语句比较多，应该将这些语句写在一个单独的js文件中。
（1）先建立JavaScript文件，扩展名是js
（2）将要编写的js代码写到Js文件中，并保存文件。
（3）将JavaScript文件引入到HTML文件中。script标签是双标记标签
<script type="text/javascript" src="JavaScript文件名和路径"></script>
注意：在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。
惯例上，先引入外部js文件，如果文件不能完全满足编程的需求，再在文件中添加script标签，来编写语句
以上就是关于javascript如何引入外部js文件全部的内容，包括:javascript如何引入外部js文件、怎么把html页面中的JS函数，提取封装到一个JS中，直接在页面调用JS文件就可以了、怎么调用js外部文件..等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）