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。