本文目录一览:
- 1、javascript文件怎么引入js文件
- 2、用原生js怎么动态添加一个js文件
- 3、javascript如何引入外部js文件?
- 4、javascript怎么动态引入js文件
- 5、Js怎么调用外部Js
javascript文件怎么引入js文件
看随机抽取这个例子。在一个页面中如下:
我们可以把 js 放在另外一个文件里,比如当前文件夹的 a.js 中。
这样 html 页面如下:
a.js
这样就行了。
当然,也可以把 a.js放在web上,然后引用成下面这样。
用原生js怎么动态添加一个js文件
1、直接document.write
script language="javascript"
document.write("script src='test.js'\/script");
/script
2、动态改变已有script的src属性
script src='' id="s1"/script
script language="javascript"
s1.src="test.js"
/script
3、动态创建script元素
script
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
/script
这三种方法加载都是异步的.也就是加载动作不会影响页面的js继续执行.
javascript如何引入外部js文件?
如果想用纯JS来实现,是没有办法的,提供两个方案
1. 用JS来实现,但是需要自己手工把文件名列表弄出来,作为数据,如下
var files = ['文件名1‘, '文件名2', '文件名3',...]; // 这个数组放该目录下的所有文件名
var dir = '/path/to/your/directory/'; // 这里放对应的路径
for (var i=;0; ifiles.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当中
javascript怎么动态引入js文件
有三种方法可以实现,分别如下:
第一种、直接document.write:
script language="javascript"
document.write("script src='test.js'\/script");
/script
第二种、动态改变已有script的src属性
script src='' id="s1"/script
script language="javascript"
s1.src="test.js"
/script
第三种、动态创建script元素:
script
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
/script
注意:第三种方法使用时,请注意路径。
Js怎么调用外部Js
1、首先需要新建HTML文件。
2、然后创建按钮。
3、之后需要用js定义函数。
4、接下来设置需要进行设置的函数内容。
5、按钮添加点击事件调用函数并设置函数的参数。
6、最后的预览效果如图,顺利调用外部的JS。