2010-08-26 3 views
6

Warum dieser Ausschnitt ist: dazu führtin einem <script>-Tag mit einer externen Quelle Ausführen von Code

<script type="text/javascript" src="xxx.js"> 

alert("111"); 
</script> 

nicht „111:

<script type="text/javascript"> 
alert("1111"); 
</script> 

<script type="text/javascript" src="xxx.js"> 
</script> 

Ergebnis in "1111" aufmerksam gemacht werden, aber diese " warnen? Ist es nicht möglich, Code in dasselbe <script>-Tag zu schreiben, das ein externes Skript lädt?

+6

NICHT – kahoon

+0

DOES COMPUTE Es ist nicht klar, aus Ihrer Frage die Art des Problems in einer Weise, dass wir helfen können. – donohoe

+0

Hey, ein Ort, an dem ich dieses Zitat verwenden kann "Was du gerade gesagt hast ... ist eines der wahnsinnig idiotischsten Dinge, die ich jemals gehört habe. Zu keiner Zeit in deiner weitschweifigen, zusammenhanglosen Antwort warst du sogar nahe dran Ich halte es für einen rationalen Gedanken. Jeder in diesem Raum ist jetzt dümmer, weil ich ihm zugehört habe. Ich vergebe dir keine Punkte und möge Gott deiner Seele gnädig sein." – Robert

Antwort

6

Nun, so funktioniert das <script> Tag. Wenn Sie ein src Attribut haben, wird der Inhalt des Tags ignoriert.

Verwenden Sie einfach einen anderen <script> Tag, was ist das Problem damit?

2

Die unten JavaScript ist korrekt:

<html> 
    <head> 
      <script type="text/javascript"> alert("1111"); </script> 
      <script type="text/javascript" src="xxx.js"> </script> 
    </head> 
    <body> 
      <p> The actual script is in an external script file called "xxx.js".</p> 
    </body> 
</html> 

Wenn Sie nur dann die Datei

alert("1111"); 

innerhalb des xxx.js setzen ein Script-Tag wollen.

Die Warnung funktioniert nicht, wenn sie zwischen dem Skript-Tag und einem src platziert wird, da dies so beabsichtigt ist. Wenn src angegeben wird, ignoriert es zwischen den Tags für das Öffnen und Schließen.

0

Ihr zweites Beispiel versucht, ein Skript aus einer externen Datei mit dem Namen xxx.js in diesem Fall im selben Ordner wie die HTML-Datei zu referenzieren. Wenn Sie diese Datei erstellt und die Warnung in diese Datei platziert und Ihren Skriptblock in das head-Tag verschoben haben, würden Sie feststellen, dass es funktioniert.

Das Platzieren von Javascript in externen Dateien ist eine empfohlene Übung, da es Ihnen ermöglicht, häufige Funktionen auf vielen Seiten mit einer einfachen Inline-Anweisung in Ihrem HTML wiederzuverwenden. Plus es hält Ihre HTML-Dateien viel sauberer.

Wenn Sie anfangen zu schreiben viele Javascript Sie alle Skript in einer Datei zusammenfassen kann und es dann minify so etwas wie JSMin mit: http://www.crockford.com/javascript/jsmin.html

Dies komprimiert alle Skript in eine winzige Form, die für den Menschen nicht lesbar ist, aber viel schneller für Ihre Website-Besucher, weil es bedeutet, dass die Skriptdatei kleiner ist und es nur eine Anforderung gibt, die Datei an den Client zu senden.

Nebenbei bemerkt, ein weiteres hilfreiches Werkzeug beim Schreiben von Javascript ist JSLint.

Es analysiert Ihr Javascript und informiert Sie über Syntaxfehler und auch schlechte Praktiken.

Glücklich Coding

Paul

Verwandte Themen