Comment faire de la sensibilisation en javascript

JavaScript est le langage de script le plus couramment utilisé dans le domaine de la conception web. Dans les pages Web, si vous souhaitez utiliser JavaScript, il existe généralement deux manières : en ligne et sortante. Cet article présentera principalement comment JavaScript est utilisé à des fins de sensibilisation.

Qu'est-ce que les liens externes

En termes simples, les liens externes sont une méthode de référencement de fichiers JavaScript externes dans des pages Web. Dans un document HTML, vous pouvez utiliser la balise pour référencer un fichier JavaScript externe. Lors du référencement de fichiers JavaScript externes, contrairement à la méthode en ligne, le code n'est pas intégré dans le fichier HTML. Ses avantages sont les suivants :

Facile à maintenir : Séparez le code JavaScript des documents HTML Lors de la modification du code, il vous suffit de modifier un fichier séparé, ce qui facilite la maintenance et la gestion. Réduire la taille du code de la page : si vous écrivez un morceau de code JavaScript dans chaque page Web, la taille de la page peut être trop grande et affecter les performances du site Web. La sensibilisation peut réduire la quantité de code de page et améliorer la vitesse de réponse du site Web. Le format de code pour introduire les fichiers JavaScript externes est le suivant :

Parmi eux, l'attribut type représente le type du langage de script et les points d'attribut src au chemin du fichier JavaScript externe. Ensuite, nous utiliserons un exemple simple pour illustrer comment lier en externe des fichiers JavaScript dans des fichiers HTML.

Exemple

Supposons que nous souhaitions référencer un fichier JavaScript externe dans un fichier HTML. Le nom du fichier est "external.js" et le répertoire se trouve dans le répertoire "js". . Les étapes sont les suivantes :

Créez un fichier HTML nommé "external.html". Le code dans le fichier est le suivant :

JavaScript 外联

点击我

Dans le code ci-dessus, nous définissons un événement de clic sur un bouton et appelons une fonction nommée "myFunction()". A la fin du code HTML, nous introduisons le fichier "js/external.js" via la balise

Créez un fichier JavaScript nommé "external.js". Le contenu est le suivant : function myFunction() { alert("Hello World!"); } external.js le fichier définit une fonction maFonction. (), cette fonction fait apparaître une boîte de message "Hello World!".

À ce stade, enregistrez les deux fichiers dans le même dossier, puis ouvrez le fichier "external.html", vous verrez une page avec un bouton, cliquez sur le bouton et une boîte de dialogue apparaîtra message "Bonjour tout le monde !" Cela signifie que la méthode d'introduction de fichiers js externes a réussi.

Notes

Les noms de fonctions et de variables spécifiés dans le fichier js externe peuvent être référencés dans le fichier HTML. Si deux fonctions ou plus portant le même nom sont définies dans un fichier js externe, une couverture de fonction ou une défaillance de fonction peut se produire. Il est recommandé de suivre les conventions de dénomination lors de la dénomination, de nommer différentes fonctions ou de donner aux fonctions des alias différents. Lors de l'introduction de fichiers JavaScript externes, le code JavaScript introduit doit être dans le même domaine que le fichier où se trouve la page du document HTML. Sinon, des problèmes inter-domaines se produiront. Résumé :

JavaScript externe peut améliorer la maintenabilité du code, réduire la quantité de code de page et améliorer la vitesse de réponse du site Web. Dans l’application, faites attention aux choses pour éviter les erreurs.