Latest web development tutorials
×

JavaScript Kurs

JavaScript Kurs JavaScript Kurze Einführung JavaScript Verwendung JavaScript Export JavaScript Grammatik JavaScript Statements JavaScript Note JavaScript Variable JavaScript Datentypen JavaScript Objekte JavaScript Funktion JavaScript Anwendungsbereich JavaScript Ereignis JavaScript Schnur JavaScript Die Betreiber JavaScript vergleichen JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typumwandlung JavaScript Reguläre Ausdrücke JavaScript Fehler JavaScript Fehlerbeseitigung JavaScript Variable Lift JavaScript Strict-Modus JavaScript Missbrauch JavaScript Formularauthentifizierung JavaScript reservierte Schlüsselwörter JavaScript JSON JavaScript void JavaScript Code-Spezifikation

JS Funktion

JavaScript Funktionsdefinition JavaScript Funktionsargumente JavaScript Funktionsaufruf JavaScript Verschlüsse

JS HTML DOM

DOM Kurze Einführung DOM HTML DOM CSS DOM Ereignis DOM EventListener DOM Element

JS Erweiterte Tutorial

JavaScript Objekte JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objekte

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop JavaScript Timed Ereignis JavaScript Cookies

JS Lagerhaus

JavaScript Lagerhaus JavaScript Test jQuery JavaScript Test Prototype

JS Beispiele

JavaScript Beispiele JavaScript Object-Instanz JavaScript Browser-Objektinstanz JavaScript HTML DOM Beispiele JavaScript Zusammenfassung

JS Referenzhandbuch

JavaScript Objekte HTML DOM Objekte

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.