Wo soll JS-Code in der JavaScript-Programmentwicklung platziert werden? Javascript-Kenntnisse-js-Tutorial-php.cn

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

WBOY

Freigeben： 2016-05-16 15:19:49

Original

1886 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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