jsファイルに別のjsファイルを導入する方法まとめ

jsファイルに別のjsファイルを導入する方法まとめ

例test1.jsとtest2.js引用test1.js_test2.js

方法 1: 両方の JS を同じフォルダーに配置する

誰が呼ばれるか、誰が前にいるか

<script src="./test2.js"></script>
<script src="./test1.js"></script>

方法 2: jS に匿名クラスを作成して別の JS を参照する

var myImport = function(){
    
    
    var script = document.createElement("script");
    script.setAttribute("type", "text/javascript");
    script.setAttribute("src", "libs/js/pingyin.js"); // 引用文件的路径
    document.getElementsByTagName('head')[0].appendChild(script); // 引用文件
}

の初期読み込みメソッドを追加しtest1.js、それを参照しますmyImport()。

window.onload = function(){
    
    
    myImport();
}

方法 3: 呼び出し元ファイルの先頭に次のコードを追加します。

function addScript(url){
    
    
	document.write("<script language=javascript src="+url+"></script>");
}

方法 4: es6 でエクスポートとインポートを使用してモジュール化を実現する

外部変数または関数をインポートする

// 导入变量或者函数
import {
    
    firstName, lastName} from './test';
// 导入外部的模块
import './test'