So verwenden Sie JavaScript in HTML

In HTML können Sie Javascript im Skript-Tag verwenden. Fügen Sie einfach den Code „<script>JavaScript代码</script>“ zur Seite hinzu. Das Skript-Tag wird verwendet, um Client-Skripte zu definieren oder über das src-Attribut auf

zu verweisen. Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Empfohlenes Lernen: HTML-Video-Tutorial

1. Verwenden Sie das Skriptelement

<script>
    //JavaScript代码
</script>

HTML 4.01 definiert 6 Attribute für 3f1c4e4b6b16bbbd69b2ee476dc4f83a

• async (optional)

  gibt an, dass das Skript sofort heruntergeladen werden sollte, tut dies aber andere Vorgänge auf der Seite nicht behindern, z. B. das Herunterladen anderer Ressourcen oder das Laden anderer Skripte. Nur gültig für externe Skriptdateien

//异步脚本
<script type="text/javascript" defer="defer" src="first.js"></script>
<script type="text/javascript" defer="defer" src="second.js"></script>
//指定async属性的目的是不让页面等待这两个脚本下载和执行，从而异步加载页面其他内容。
//但是不保证它们的先后顺序，也就是第二个脚本可能在第一个脚本之前执行。

• charset (optional, selten verwendet)
  Gibt den Zeichenwert des Codes an, die meisten Browser ignorieren ihn, selten verwendet

• defer (optional)
  Zeigt an, dass das Skript kann verzögert werden, bis das Dokument vollständig analysiert und angezeigt wird. Gilt nur für externe Dateien.

//延迟脚本
<script type="text/javascript" defer="defer" src="first.js"></script>
<script type="text/javascript" defer="defer" src="second.js"></script>
//添加defer属性之后，直到遇到</html>才会执行，也就是最后最后执行就是它了

• Sprache (veraltet)
  Wird verwendet, um die Programmiersprache darzustellen, die zum Schreiben von Code verwendet wird, veraltet

• src (optional)
  Stellt eine externe Datei dar, die den auszuführenden Code enthält

<script type="text/javascript" src="first.js"></script>
//外部文件first.js将被加载到当前页面中
//注意注意呀，此时在<script>和</script>之间不再包含额外的JavaScript代码，因为这些额外的代码将会被忽略，不执行!!!

<script type="javascript" src="www.somewhere.com/file.ja"></script>
//也就是说src还可以包含来自外部域的.js文件，而不仅仅是自己编写的。功能更加强大。
//注意注意呀，外部域的.js文件可能不可控，所以要么你是它的所有者、要么他的所有者值得信赖、要么就不要使用！！！

• Typ (optional)
  kann als Ersatz für Sprache angesehen werden, der nicht erforderlich ist

  ist in 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 enthalten nach unten. Es werden keine anderen Inhalte auf der Seite geladen und angezeigt, bis der gesamte Code im interpretierten 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Element ausgewertet wurde.

2. Etikettenposition

• Traditioneller Ansatz
  Alle 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Dateien werden in 93f0f5c25f18dab9d176bd4f6de5d30e abgelegt.
  Dies führt jedoch dazu, dass der Seiteninhalt in 6c04bd5ca3fcae76e30b72ad730ca86d nicht gerendert wird, bevor der gesamte JavaScript-Code heruntergeladen und interpretiert wurde. Oh mein Gott, was ist, wenn es viele JavaScript-Codes gibt? ! ! Auf den ersten Blick sieht es so aus, als wäre das Browserfenster leer.

• Best Practice: Platzieren Sie alle JavaScript-Referenzen hinter dem Inhalt des 6c04bd5ca3fcae76e30b72ad730ca86d-Codes oder der externen Dateien Mit der Option
  

  ist die Einbettung von JavaScript in HTML natürlich kein Problem. Die beste Vorgehensweise besteht jedoch darin, nach Möglichkeit externe Dateien zu verwenden, die JavaScript-Code enthalten. Es hat die folgenden Vorteile:

Wartbarkeit

Das Ablegen von .js-Dateien in einem Ordner ist viel bequemer zu verwalten, ohne HTML-Tags zu berühren

• Cacheable
  Wenn es zwei Seiten gibt, die dieselbe js-Datei verwenden, dann nur Laden Sie es einmal herunter, um das Laden der Seite zu beschleunigen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JavaScript in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!