Où placer le code JS dans le programme JavaScript development

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

WBOY

Libérer： 2016-05-16 15:19:49

original

1886 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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 <script></script> -- 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 :