Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erklärung des HTML-Skript-Tutorials

Ausführliche Erklärung des HTML-Skript-Tutorials

零下一度
零下一度Original
2017-05-17 16:31:051493Durchsuche

Online-Beispiel

Ein Skript einfügen
So fügen Sie ein Skript in ein HTML-Dokument ein.

Verwenden Sie das 2b0b25ff593c5b6c03403dd6234ffb2c-Tag
So gehen Sie mit Browsern um, die keine Skripte unterstützen oder Skripte deaktiviert haben.

HTML 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag

3f1c4e4b6b16bbbd69b2ee476dc4f83a wird zum Definieren clientseitiger Skripte wie JavaScript verwendet. Das Element

3f1c4e4b6b16bbbd69b2ee476dc4f83a kann entweder Skriptanweisungen enthalten oder über das src-Attribut auf eine externe Skriptdatei verweisen.

JavaScript wird am häufigsten zur Bildbearbeitung, Formularvalidierung und dynamischen Inhaltsaktualisierung verwendet.

Das folgende Skript gibt „Hello World!“ an den Browser aus:

Beispiel

<script>
document.write("Hello World!")
</script>

Probieren Sie es aus»

Tipp: Erfahren Sie mehr Ein Javascript-Tutorial finden Sie im JavaScript-Tutorial.

HTML2b0b25ff593c5b6c03403dd6234ffb2c Tag

2b0b25ff593c5b6c03403dd6234ffb2c im Browser oder beim Surfen Wenn der Server clientseitiges Scripting nicht unterstützt. Das

2b0b25ff593c5b6c03403dd6234ffb2c-Element kann alle Elemente enthalten, die im Body-Element einer normalen HTML-Seite enthalten sind.

Der Inhalt im 2b0b25ff593c5b6c03403dd6234ffb2c-Element wird nur angezeigt, wenn der Browser keine Skripte unterstützt oder Skripte deaktiviert sind:

Beispiel

<script>document.write("Hello World!")</script><noscript>Sorry, your browser does not support JavaScript!</noscript>

Probieren Sie es aus »

JavaScript-Erfahrung (aus dem Javascript-Tutorial dieser Website)

JavaScript-Beispielcode:

JavaScript kann direkt in HTML ausgegeben werden:

document.write("<p>This is a paragraph</p>");

Versuchen Sie es mit Klicken»

JavaScript-Ereignisantwort:

<button type="button" onclick="myFunction()">Click Me!</button>

JavaScript-Verarbeitung im HTML-Stil:

document.getElementById("demo").style.color="#ff0000";

[Verwandte Empfehlungen]

1. Besondere Empfehlung: Download der „php Programmer Toolbox“ V0.1

2. Kostenloses HTML-Online-Video-Tutorial

3. php.cn Original-HTML5-Video-Tutorial

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung des HTML-Skript-Tutorials. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn