怎么调用外部js文件?

Posted 2023-02-23

就是把html里的javascript脚本跟页面代码分离出来,非网络调用!

看随机抽取这个例子。在一个页面中如下：

我们可以把 js 放在另外一个文件里，比如当前文件夹的 a.js 中。

这样 html 页面如下：

a.js

这样就行了。

当然，也可以把 a.js放在web上，然后引用成下面这样。

参考技术A 首先要将页面中的js代码放到一个a.js文件中，然后将a.js文件放在网站目录下，
然后在html的head中<script src="js/a.js" type="text/javascript"></script>
a.js你可以根据需要命名，然后src要用相对路径。 参考技术B 在JS文件A中调用另一JS文件B，可以实现，但只能等A载入完成后才能载入B，实现代码：
在A中插入以下代码（经本地调试成功）
var otherJS = 'diaoyong.js';//js的地址，请自定义
document.write('');

如要调试，请在与页面同目录创建diaoyong.js，内容为
alert('调用到了外部的js！');

以上将追加在A引用的后面

注意：只能等A载入完成后才能载入B，所以A在载入完成后不能马上执行B中的任何代码的，它们间相互调用的代码必须等B也载入完成后才行；而且应该尽量使用函数直接定义，而非变量赋值匿名函数的方式来创建函数。 参考技术C <script src="js地址" type="text/javascript"></script> 参考技术D <script src=''位置''> </script>