Maison >interface Web >js tutoriel >JavaScript Advanced (2) Référencement d'un autre fichier JS dans un fichier JS

JavaScript Advanced (2) Référencement d'un autre fichier JS dans un fichier JS

黄舟
黄舟original
2017-02-11 14:36:242297parcourir

Référencer un autre fichier JS dans un fichier JS

Méthode 1

Ajoutez l'exemple de code suivant en haut du fichier appelant :

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

(Remarque : Parfois, les fichiers que vous référencez peuvent également devoir référencer d'autres js, nous devons référencer le fichier js requis de la même manière)

Méthode 2

Appliquez js via l'interface intermédiaire, c'est-à-dire que nous pouvons référencer le fichier js dont vous avez besoin dans un certain html. Nous pouvons obtenir l'objet de ce fichier html, puis utiliser cet objet pour référencer la méthode js.

Méthode 3

Mettez le code suivant dans le corps :


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


Nous Analysons les lignes clés du code :

Tout d'abord, nous utilisons document.createElement("script") pour générer une balise de script, définissons son attribut type sur text/javascript et src pour import.js (ici 1 .js et 2.js peuvent être placés dans le même répertoire, ou ils peuvent être placés dans des répertoires différents). Enfin, cette balise est ajoutée dynamiquement au corps. De cette façon, nous pouvons appeler des méthodes dans différents fichiers js.

Remarque : c16f708ea1d24dfc75ce4a52e73adfcc2cacc6d41bbb37262a98f745aa00fbf0 doit être placé sous le corps. Parce que le corps (document.body.appendChild(new_element);) est utilisé dans 2.js. Si vous mettez le code tel que 2.js sur le corps, c'est-à-dire après être entré dans la page, b a été exécuté avant le. body est généré document.body.appendChild(new_element); À ce stade, une erreur JavaScript sera générée si le corps n'existe pas.

Ce qui précède est le contenu de JavaScript Advanced (2) faisant référence à un autre fichier JS dans un fichier JS. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn