<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">Solange Sie die Integration von <a href="http://www.php.cn/wiki/48.html" target="_blank">JavaScript</a> 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. </p> <h3 style="font-family:Tahoma,Arial,'Microsoft Yahei'; font-weight:500; line-height:1.1; color:rgb(51,51,51); margin-top:20px; margin-bottom:10px; font-size:24px">3f1c4e4b6b16bbbd69b2ee476dc4f83a-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 3f1c4e4b6b16bbbd69b2ee476dc4f83a-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 9c3432e646edf04aca4d277a50575ee9. <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 3f1c4e4b6b16bbbd69b2ee476dc4f83a-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 3f1c4e4b6b16bbbd69b2ee476dc4f83a zum Einbetten von JavaScript-Code verwenden, müssen Sie nur das Typattribut für 3f1c4e4b6b16bbbd69b2ee476dc4f83a angeben. Platzieren Sie dann einfach den JavaScript-Code wie folgt direkt im Element: <br></p><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,'Courier New',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)"><script type="text/javascript"> function sayHi(){ alert("Hi!"); } </script></pre><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"> Der im 3f1c4e4b6b16bbbd69b2ee476dc4f83a 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 3f1c4e4b6b16bbbd69b2ee476dc4f83a-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,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> Das src-Attribut ist erforderlich, wenn Sie externe JavaScript-Dateien über das 3f1c4e4b6b16bbbd69b2ee476dc4f83a einbinden möchten. Der Wert dieses Attributs ist ein Link zu einer externen Javascript-Datei, zum Beispiel: <br></p><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,'Courier New',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)"><script type="text/javascript" src="example.js"></script></pre><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">在这个例子中,外部文件example.js将被加载到当前页面中。外部文件只须包含通常要放在开始的3f1c4e4b6b16bbbd69b2ee476dc4f83a和结束的2cacc6d41bbb37262a98f745aa00fbf0中间的那些javascript代码即可。与解析嵌入式javascript代码一样,在解析外部javascript文件(包括下载该文件)时,页面的处理也会暂时停止。如果是在X<a href="http://www.php.cn/code/5010.html" target="_blank">HTML文档</a>中,也可以省略前面示例代码中结束的2cacc6d41bbb37262a98f745aa00fbf0标签,例如:<br></p><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,'Courier New',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)"><script type="text/javascript" src="example.js" /></pre><p style="margin-top:0px; margin-bottom:0px">按照惯例,外部javascript文件带有.js扩展名。但这个扩展名不是必需的,因为浏览器不会检查包含javascript的文件的扩展名。这样一来,使用JSP、PHP或其他服务器端语言动态生成javascript代码也就成为了可能。但是,服务器通常还是需要看扩展名决定为响应应用哪种MIME类型。如果不适用.js扩展名,请确保服务器能反应会正确的MIME类型。</p> <p class="and" style='color: rgb(51, 51, 51); font-family: Tahoma, Arial, "Microsoft Yahei"; font-size: 15.4px; line-height: 27.72px;'><br></p>