Maison > Article > interface Web > Où placer le code JS dans le programme JavaScript development_javascript skills

Où placer le code JS dans le programme JavaScript development_javascript skills

WBOYoriginal: 2016-05-16 15:19:491848parcourir

JavaScript est utilisé dans la page, alors où doivent être placés ces codes JS ? Jetons un coup d'oeil.

De manière générale, il existe deux manières : écrire sur l'interface et utiliser des fichiers .js.

Partie tête sur l'interface 1.1

peut être placé directement dans la balise head, comme indiqué ci-dessous

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
<script type="text/javascript"> 
//your js code 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
</body> 
</html>

La partie du corps sur l'interface 1.2

Il est généralement placé directement dans la partie du corps, comme suit

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
<script type="text/javascript"> 
//your js code 
</script> 
</body> 
</html>

Il n'y a pas de différence entre le placer dans le head et le body. Généralement, lorsque la quantité de code n'est pas importante et que seule la page actuelle utilise ces js, alors écrivez-le directement sur l'interface.

2. Fichier JS

Pour les JS complexes et contenant beaucoup de code, il est préférable de les mettre dans un fichier .js spécial, puis de les référencer sur la page en fonction du chemin relatif du fichier js.

L'avantage de ceci est que cela peut éviter beaucoup de code js en double. Certaines méthodes js publiques peuvent être placées dans des fichiers js externes.

Par exemple, le fichier jquery-1.4.1.js est généralement inclus dans les projets asp.net créés à l'aide de Visual Studio 2010. Voyons comment utiliser ce fichier js.
Par exemple, la structure des fichiers de la page est comme indiqué dans la figure,

Pour utiliser ce fichier js dans MyJSFrm.aspx, importez-le comme ceci.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
<script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script> 
<script type="text/javascript"> 
//your js code 
</script> 
</body> 
</html>

En bref, n'oubliez pas d'utiliser des répertoires relatifs. Si le niveau de répertoire du fichier d'échange actuel est relativement profond, alors utilisez ../ pour calculer vous-même le niveau de répertoire.

La différence entre les trois positions de js :

tête :

-- Lors de l'appel du script, le chargement est terminé
--

corps :

-- Le chargement est terminé lorsque la page est générée
--

Js externes :

--Référez-vous aux js externes Remarque : les js externes ne peuvent pas contenir les deux balises 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 -- Principalement pour éviter d'avoir à intégrer le même code js dans chaque page lorsque plusieurs pages appellent à plusieurs reprises la même fonction js
;

Le navigateur ne reconnaît pas la solution js : 9c80fbf737274cf807e2d4cbdeb477ee

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

Article précédent：Implémenter l'animation dans Angular en utilisant CSS3_AngularJSArticle suivant：Implémenter l'animation dans Angular en utilisant CSS3_AngularJS

Articles Liés

Voir plus