So verknüpfen Sie Javascript in HTML-Front-End-Fragen und Antworten-php.cn

So verknüpfen Sie Javascript in HTML

WBOY

Freigeben： 2023-05-09 15:33:07

Original

3429 Leute haben es durchsucht

In der Webentwicklung wird Javascript häufig zur Validierung von Website-Formularen, Animationseffekten, Interaktivität usw. verwendet. Um Javascript zu aktivieren, müssen wir eine JS-Datei im HTML verknüpfen. In diesem Artikel wird erläutert, wie Sie Javascript in HTML verknüpfen.

1. Javascript einbetten

Die einfachste Methode besteht darin, Javascript-Code direkt in die HTML-Seite einzubetten, ohne irgendwelche Dateien im HTML-Dokument zu verknüpfen. Wie unten gezeigt:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>嵌入Javascript</title>
</head>
<body>
    <script>
      //在这里写Javascript代码
    </script>
</body>
</html>

Nach dem Login kopieren

Die Art der Einbettung von Javascript-Code eignet sich für sehr einfache Funktionsanforderungen, was plattformübergreifend die schnellste Möglichkeit ist.

2. Externer Link zu Javascript-Dateien

Wenn die Menge an Javascript-Code allmählich zunimmt, müssen wir den Code in eine separate .js-Datei schreiben und dann das gesamte Javascript-Programm laden, indem wir die .js-Datei in HTML verknüpfen. Wir können eine neue .js-Datei erstellen, den Javascript-Code kopieren und in die Datei einfügen und dann die Datei auf der HTML-Seite verknüpfen. Wie unten gezeigt:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>外链Javascript</title>
</head>
<body>
    <script src="helloworld.js"></script>
</body>
</html>

Nach dem Login kopieren

Das „src“-Attribut gibt den Pfad an, der mit der externen Javascript-Datei verknüpft werden soll. Im obigen Beispiel lautet der Dateiname „helloworld.js“. Beachten Sie, dass der Dateipfad relativ zum Speicherort der HTML-Datei angegeben werden muss.

3. Link zur externen CDN-Bibliothek

Im Allgemeinen können wir die Javascript-Bibliothek vom CDN (Content Delivery Network) beziehen, um die Belastung des Servers zu reduzieren und eine schnellere Ladegeschwindigkeit der Webseite zu erreichen. Bibliotheken wie jQuery und Bootstrap sind beispielsweise bei Google und Bootstrap CDN erhältlich. Die Verwendung eines CDN erfordert häufig eine Änderung des Linkpfads in Ihrem Code zum Link des CDN. Wie unten gezeigt:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>链接CDN库</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <!-- 在这里调用jQuery代码 -->
</body>
</html>

Nach dem Login kopieren

Im obigen Beispiel haben wir den CDN-Link von jQuery verwendet. Bitte beachten Sie, dass Sie bei Verwendung eines CDN eine relativ stabile CDN-Adresse angeben und einen https-Link verwenden sollten, um die Sicherheit der Website zu gewährleisten.

In diesem Artikel werden verschiedene Möglichkeiten zum Verknüpfen von Javascript in HTML vorgestellt: Einbetten von Javascript, externes Verknüpfen von Javascript-Dateien und Verknüpfen externer CDN-Bibliotheken. Die ersten beiden Methoden eignen sich für kleine Projekte, während externe CDN-Bibliotheken für große Projekte mit hoher Zuverlässigkeit und Geschwindigkeit geeignet sind. Bei der tatsächlichen Webentwicklung können wir die geeignete Methode für die Javascript-Verknüpfung basierend auf der tatsächlichen Situation, den Anforderungen und der Sicherheit des Projekts auswählen.

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