Heim > Artikel > Web-Frontend > Wo soll JS-Code in der JavaScript-Programmentwicklung platziert werden? Javascript-Kenntnisse

Wo soll JS-Code in der JavaScript-Programmentwicklung platziert werden? Javascript-Kenntnisse

WBOYOriginal: 2016-05-16 15:19:491800Durchsuche

Auf der Seite wird JavaScript verwendet. Wo sollten diese JS-Codes platziert werden? Werfen wir einen Blick darauf.

Im Allgemeinen gibt es zwei Möglichkeiten: Schreiben auf der Schnittstelle und Verwenden von .js-Dateien.

Kopfteil auf der 1.1-Schnittstelle

kann direkt im Head-Tag platziert werden, wie unten gezeigt

<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>

Der Körperteil auf der 1.2-Schnittstelle

Es wird normalerweise wie folgt direkt im Körperteil platziert

<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>

Es gibt keinen Unterschied zwischen der Platzierung im Kopf und im Körper. Wenn die Codemenge nicht groß ist und nur die aktuelle Seite diese JS verwendet, schreiben Sie sie im Allgemeinen direkt auf die Schnittstelle.

2. JS-Datei

Für JS, die komplex sind und viel Code enthalten, ist es am besten, sie in einer speziellen .js-Datei abzulegen und sie dann auf der Seite entsprechend dem relativen Pfad der JS-Datei zu referenzieren.

Der Vorteil davon ist, dass dadurch eine Menge doppelter JS-Code verhindert werden kann. Einige öffentliche JS-Methoden können in externen JS-Dateien platziert werden.

Zum Beispiel ist die Datei jquery-1.4.1.js normalerweise in asp.net-Projekten enthalten, die mit Visual Studio 2010 erstellt wurden. Sehen wir uns an, wie diese js-Datei verwendet wird.
Die Dateistruktur der Seite ist beispielsweise wie in der Abbildung

dargestellt

Um diese js-Datei in MyJSFrm.aspx zu verwenden, importieren Sie sie wie folgt.

<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>

Kurz gesagt: Vergessen Sie nicht, relative Verzeichnisse zu verwenden. Wenn die Verzeichnisebene der aktuellen Auslagerungsdatei relativ tief ist, verwenden Sie ../, um die Verzeichnisebene selbst zu berechnen.

Der Unterschied zwischen den drei Positionen von js:

Kopf:

-- Beim Aufruf des Skripts wurde der Ladevorgang abgeschlossen
--

Körper:

-- Der Ladevorgang ist abgeschlossen, wenn die Seite generiert wurde
--

Externe js:

--Beziehen Sie sich auf externe JS. Hinweis: Externe JS dürfen nicht die beiden Tags 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 enthalten - Hauptsächlich, um die Notwendigkeit zu vermeiden, denselben JS-Code in jede Seite einzubetten, wenn mehrere Seiten wiederholt dieselbe JS-Funktion aufrufen
Der Browser erkennt die js-Lösung nicht: caa67cc21d41de1500f7b676eabd6914

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Implementieren Sie Animationen in Angular mit CSS3_AngularJSNächster Artikel：Implementieren Sie Animationen in Angular mit CSS3_AngularJS

In Verbindung stehende Artikel

Mehr sehen