JavaScript 応用編 (2) 1つのJSファイル内で別のJSファイルを参照する

1 つの JS ファイル内で別の JS ファイルを参照する

方法 1

次のサンプル コードを呼び出しファイルの先頭に追加します:

      document.write(”<script language=javascript src=&#39;js/import.js’></script>”);

(注: 参照するファイルは、他の JS も参照する必要がある場合があります。同じ方法で必要な js ファイルを参照する必要があります)

方法 2

中間インターフェイスを介して js を適用します。つまり、特定の html で必要な js ファイルを参照でき、その HTML ファイルのオブジェクトを作成し、このオブジェクトを通じて js メソッドを参照します。

方法 3

次のコードを本文に挿入します:

new_element=document.createElement(”script”);
new_element.setAttribute(”type”,”text/javascript”);
new_element.setAttribute(”src”,”import.js”);
document.body.appendChild(new_element);

コードの重要な行を分析しましょう:

まず、document.createElement("script") を使用して、 script タグで、その type 属性を text/javascript に設定し、src を import.js に設定します (ここでの 1.js は 2.js と同じディレクトリに配置されていますが、別のディレクトリに配置することもできます)。最後に、このタグは本文に動的に追加されます。このようにして、さまざまな js ファイルのメソッドを呼び出すことができます。

注: は本文の下に配置する必要があります。 body (document.body.appendChild(new_element);) は 2.js で使用されているため、body に 2.js のようなコードを置くと、つまりページに入った後、b が実行される前に実行されます。 .js で document.body.appendChild(new_element); が生成されます。このとき、ボディが存在しない場合はJavaScriptエラーがスローされます。

上記は、1 つの JS ファイル内で別の JS ファイルを参照する JavaScript Advanced (2) の内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。