js添加javascript的简单介绍

发布时间：2023-12-08

js添加javascript的简单介绍

更新：2022-11-13 04:12

本文目录一览：

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; i<files.length; i++) {
    var script = document.createElement('script');
    script.type= "text/javascript";
    script.src = dir + files[i] + ".js";
    document.getElementsByTagName('head')[0].appendChild(script);
}
  1. 第二种方法和一楼说的差不多，通过后端模板或者程序来遍历目录，把对应的文件都生成到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。

推荐文章