js添加javascript的简单介绍

本文目录一览：

• 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。