Heim > Web-Frontend > HTML-Tutorial > Ausführliche Erklärung des

Solange Sie die Integration von JavaScript in eine Webseite erwähnen, müssen Sie die Kernsprache des Webs einbeziehen – HTML. Als JavaScript ursprünglich entwickelt wurde, bestand ein wichtiges Problem, das Netscape lösen musste, darin, JavaScript mit HTML-Seiten koexistieren zu lassen, ohne die Darstellung dieser Seiten in anderen Browsern zu beeinträchtigen. Nach Versuchen, Irrtümern und Debatten fiel die endgültige Entscheidung, dem Web eine einheitliche Skriptunterstützung hinzuzufügen. Viele Praktiken aus den Anfängen des Webs wurden beibehalten und offiziell in die HTML-Spezifikation integriert.

<script>-Element </h3> <p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> Die wichtigste Möglichkeit, JavaScript in eine HTML-Seite einzufügen, ist die Verwendung des <script>-Elements. Dieses Element wurde von Netscape erstellt und erstmals in Netscape Navigator2 implementiert. Später wurde dieses Element zur offiziellen HTML-Spezifikation hinzugefügt. HTML4.01 definiert die folgenden 6 <a href="http://www.php.cn/wiki/169.html" target="_blank">-Attribute </a> für <scripth>. <br></p> <ul class=" list-paddingleft-2" style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> <li><p style="margin-top:0px; margin-bottom:10px">asynchron: Optional. Gibt an, dass das Skript sofort heruntergeladen werden soll, aber andere Vorgänge auf der Seite, wie das Herunterladen anderer Ressourcen oder das Warten auf das Laden anderer Skripts, nicht verhindern soll. Nur gültig für externe Skripte. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">Zeichensatz: optional. Der <a href="http://www.php.cn/code/225.html" target="_blank">-Zeichensatz </a>, der den über das src-Attribut angegebenen Code darstellt. Dieses Attribut wird selten verwendet, da die meisten Browser seinen Wert ignorieren. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">aufschieben: Optional. Zeigt an, dass die Skriptausführung verzögert werden kann, bis das Dokument vollständig analysiert und angezeigt wird. Nur gültig für externe Skripte. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">Sprache: Veraltet. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">src: Optional. Stellt eine externe Datei dar, die auszuführenden Code enthält. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">Typ: optional. Kann als alternatives Attribut zur Sprache betrachtet werden; es gibt den Inhaltstyp (auch MIME-Typ genannt) der Skriptsprache an, die zum Schreiben des Codes verwendet wird. </p></li> </ul> <p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"><br></p> <p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> Es gibt zwei Möglichkeiten, das <script>-Element zu verwenden: JavaScript-Code direkt in die Seite einzubetten und externe JavaScript-Dateien einzubinden. </p> <p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> Wenn Sie das Element <script> zum Einbetten von JavaScript-Code verwenden, müssen Sie nur das Typattribut für <script> angeben. Platzieren Sie dann einfach den JavaScript-Code wie folgt direkt im Element: <br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,&#39;Courier New&#39;,monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; border:1px solid rgb(204,204,204); background-color:rgb(245,245,245)">&lt;script type=&quot;text/javascript&quot;&gt; function sayHi(){ alert(&quot;Hi!&quot;); } &lt;/script&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,&#39;Microsoft Yahei&#39;; font-size:15.4px; line-height:27.72px"> Der im <script> enthaltene JavaScript-Code wird von oben nach unten interpretiert. Am Beispiel des vorherigen Beispiels interpretiert der Interpreter die Definition einer <a href="http://www.php.cn/wiki/145.html" target="_blank">-Funktion </a> und speichert die Definition dann in seiner eigenen Umgebung. Sobald der Interpreter den gesamten Code innerhalb des <script>-Elements ausgewertet hat, wird der Rest der Seite nicht vom Browser geladen oder angezeigt. </p><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,&#39;Microsoft Yahei&#39;; font-size:15.4px; line-height:27.72px"> Das src-Attribut ist erforderlich, wenn Sie externe JavaScript-Dateien über das <script> einbinden möchten. Der Wert dieses Attributs ist ein Link zu einer externen Javascript-Datei, zum Beispiel: <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,&#39;Courier New&#39;,monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; border:1px solid rgb(204,204,204); background-color:rgb(245,245,245)">&lt;script type=&quot;text/javascript&quot; src=&quot;example.js&quot;&gt;&lt;/script&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,&#39;Microsoft Yahei&#39;; font-size:15.4px; line-height:27.72px">在这个例子中,外部文件example.js将被加载到当前页面中。外部文件只须包含通常要放在开始的<script>和结束的</script>中间的那些javascript代码即可。与解析嵌入式javascript代码一样,在解析外部javascript文件(包括下载该文件)时,页面的处理也会暂时停止。如果是在XHTML文档中,也可以省略前面示例代码中结束的标签,例如:

<script type="text/javascript" src="example.js" />
Nach dem Login kopieren

按照惯例,外部javascript文件带有.js扩展名。但这个扩展名不是必需的,因为浏览器不会检查包含javascript的文件的扩展名。这样一来,使用JSP、PHP或其他服务器端语言动态生成javascript代码也就成为了可能。但是,服务器通常还是需要看扩展名决定为响应应用哪种MIME类型。如果不适用.js扩展名,请确保服务器能反应会正确的MIME类型。


Das obige ist der detaillierte Inhalt vonAusführliche Erklärung des

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage