1. Heim
  2. JavaScript Usage

Das beste JavaScript Usage-Tutorial im Jahr 2024. In diesem Tutorial können Sie <Script> -Tag,<Body> in JavaScript,Beispiele,JavaScript-Funktionen und Veranstaltungen,Im <head> oder <body> von JavaScript,<Head> JavaScript-Funktionen,Beispiele,<Body> JavaScript-Funktionen,Beispiele,Externe JavaScript,Beispiele, lernen

JavaScript Usage

HTML im Skript muss zwischen dem <script> und </ script> -Tag befinden.

Script kann in der HTML-Seite <body> platziert werden und <head> Abschnitt.

<Script> -Tag

So fügen Sie JavaScript in die HTML-Seite, verwenden Sie das <script> Tag.

<Script> und </ script> erzählt JavaScript, wo zu beginnen und enden.

Codezeile <script> und </ script> zwischen enthält JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

Sie haben nicht den obigen Code zu verstehen. verstehen, dass der Browser interpretieren und ausführen JavaScript-Code ist in <script> und </ script> zwischen

Lampe Beispiele für solche alten kann Typ verwenden = "text / javascript" in der <script> Tag. Nun, Sie müssen nicht so tun. JavaScript ist alle modernen Browser und HTML5 Standard-Skriptsprache.

<Body> in JavaScript

In diesem Beispiel wird JavaScript in die HTML-Seite geladen, wenn das <body> Text schreiben:

Beispiele

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
 .
.
</body>
</html>

Versuchen »

JavaScript-Funktionen und Veranstaltungen

JavaScript-Anweisungen in dem obigen Beispiel ausgeführt wird, wenn die Seite geladen wird.

Im Allgemeinen müssen wir Code auszuführen, wenn ein Ereignis auftritt, beispielsweise wenn der Benutzer auf die Schaltfläche klickt.

Wenn wir JavaScript-Code in der Funktion setzen, können Sie die Funktion aufrufen, wenn das Ereignis eintritt.

Sie werden mehr über das Wissen von JavaScript-Funktionen und Ereignisse in späteren Kapiteln lernen.

Im <head> oder <body> von JavaScript

Sie können eine unbegrenzte Anzahl von Skripten in einem HTML-Dokument platzieren.

HTML-Skript ist in der <body> oder <head> Abschnitt, oder gibt es in zwei Abschnitte.

Die übliche Praxis ist in den <head> Abschnitt zu funktionieren, oder am unteren Rand der Seite. So dass sie an der gleichen Stelle angeordnet werden, um die mit dem Inhalt der Seite nicht stört.

<Head> JavaScript-Funktionen

In diesem Fall haben wir eine JavaScript-Funktion platziert in HTML-Seiten <head> Abschnitt.

Diese Funktion wird aufgerufen, wenn die Schaltfläche geklickt wird:

Beispiele

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>

<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick="myFunction()" >尝试一下</button>

</body>
</html>


Versuchen »

<Body> JavaScript-Funktionen

In diesem Fall haben wir eine platzierte JavaScript-Funktion im <body> HTML-Seite.

Diese Funktion wird aufgerufen, wenn die Schaltfläche geklickt wird:

Beispiele

<!DOCTYPE html>
<html>
<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick=" myFunction() ">尝试一下</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</body>
</html>


Versuchen »

Externe JavaScript

Sie können auch das Skript in eine externe Datei zu speichern. Externe Dateien enthalten in der Regel Code von mehreren Seiten verwendet werden.

Datei-Erweiterung ist die externe JavaScript-Datei Js.

Um eine externe Datei zu verwenden, setzen Sie die JS-Datei in dem <script> -Tag "src" -Attribut:

Beispiele

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Versuchen »

Sie können das Skript im <head> platzieren oder <body> in den tatsächlichen Betriebsergebnisse und schreiben Sie das Skript genau das gleiche <script> Tag.

MyScript.js Datei Code ist wie folgt: 

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
Lampe Externe Skript kann nicht enthalten das <script> Tag.

Hot Tutorials

Kontaktiere uns

JavaScript Usage
10/30