HTML Javascript



Ein Skript ist ein kleines Stück Programm, das Interaktivität auf Ihre Website hinzufügen können. Zum Beispiel könnte ein Skript ein Pop-up-Alert-Box-Nachricht zu erzeugen, oder liefern eine Dropdown-Menü. Dieses Skript könnte unter Verwendung Javascript oder VBScript geschrieben werden.

Sie können verschiedene kleine Funktionen, die so genannte Event-Handler unter Verwendung einer der Skriptsprache zu schreiben und dann können Sie diese Funktionen unter Verwendung HTML-Attribute auslösen.

Nun wird ein Tag nur Javascript und die damit verbundenen Rahmenbedingungen sind von den meisten Web-Entwickler verwendet, VBScript wird nicht auch von verschiedenen großen Browsern unterstützt.

Sie können halten Javascript-Code in einer separaten Datei , und dann umfassen sie überall dort, wo es gebraucht wird, oder Sie können die Funktionalität innen HTML-Dokument selbst zu definieren. Mal sehen, sowohl die Fälle sind einer nach dem anderen mit geeigneten Beispielen.

Externe Javascript

Wenn Sie sind gehen, um definieren eine Funktionalität, die in verschiedenen HTML-Dokumenten verwendet wird, dann ist es besser, diese Funktionalität in einem separaten Javascript-Datei zu halten und definieren Sie dann gehören diese Datei in Ihren HTML-Dokumenten. eine JavaScript-Datei wird als Erweiterung .js und es wird in HTML-Dateien unter Verwendung enthalten sein müssen <script> tag.

Beispiel

Betrachten wir definieren eine kleine Funktion unter Verwendung Javascript in script.js welche folgenden Code hat:

function Hello()
{
    alert("Hello, World");
}

Nun lassen Sie uns machen nutzen die oben externen Javascript-Datei in unserem folgenden HTML-Dokument:

<!DOCTYPE html>
<html>
<head>
<title>Javascript External Script</title>
<script src="/html/script.js" type="text/javascript"/></script>
</head>
<body>
<input type="button" onclick="Hello();" name="ok" value="Click Me"  />
</body>
</html>

Dies wird folgendes Ergebnis erzeugen, wo dem Sie kann versuchen auf der gegebenen Schaltfläche zu klicken:

Interne Skript

Sie können schreiben Ihr Skript-Code direkt in Ihr HTML-Dokument . in der Regel wir halten Script-Code in der Kopfzeile des Dokuments mit Hilfe <Skript> Tag, sonst gibt es keine Beschränkung, und Sie können legte ihren den Quellcode irgendwo im Dokument aber innen<skript> tag.

Biespiel

<!DOCTYPE html>
<html>
<head>
<title>Javascript Internal Script</title>
<base href="http://www.tutorialspoint.com/" />
<script type="text/javascript">
function Hello(){
   alert("Hello, World");
}
</script>
</head>
<body>
<input type="button" onclick="Hello();" name="ok" value="Click Me"  />
</body>
</html>

Dies wird folgendes Ergebnis erzeugen, wo Sie kann versuchen, auf der gegebenen Schaltfläche zu klicken:

Event Handlers

Eventhandler sind nichts als einfach definiert Funktionen, die gegen jede Maus oder Tastatur-Ereignis aufgerufen werden können. Sie können Ihre Geschäftslogik innen Ihrem Event-Handler definieren, welche kann variieren ein einzige zu 1000s von Liniencode ..

Das folgende Beispiel erläutert, wie Sie einen Ereignishandler schreiben. lassen Sie uns Schreiben eine einfache Funktion EventHandler() in der Kopfzeile des Dokuments. Wir werden diese Funktion aufrufen, wenn jeder Benutzer bringt die Maus über einem Absatz.

<!DOCTYPE html>
<html>
<head>
<title>Event Handlers Example</title>
<base href="http://www.tutorialspoint.com/" />
<script type="text/javascript">
function EventHandler(){
   alert("I'm event handler!!");
}
</script>
</head>
<body>
<p onmouseover="EventHandler();">Bring your mouse here to see an alert</p>
</body>
</html>

Nun dies werden produzieren folgende Ergebnis. Bringen Sie Ihre Maus über dieser Linie und sehen das Ergebnis:

Bring your mouse here to see an alert

ausblenden Scripts von älteren Browsern

Obwohl die meisten (wenn nicht alle) Browser unterstützt Javascript in diesen Tagen, aber immer noch einige ältere Browser nicht. Wenn ein Browser kein Javascript unterstützt, anstatt zu rennen Ihr Skript, würde es den Code, um den Benutzer anzuzeigen. Um dies zu verhindern, können Sie einfach legen Sie HTML-Kommentare rund um das Skript wie unten dargestellt.

JavaScript Example:
<script type="text/javascript">
<!--
document.write("Hello Javascript!");
//-->
</script>

VBScript Example:
<script type="text/vbscript">
<!--
document.write("Hello VBScript!")
'-->
</script>

Die <noscript> Element

Sie können auch liefern alternative Informationen für die Nutzer, deren Browser keine Skripte unterstützen und für diejenigen Anwender, die behindert Skript-Option ihren Browser haben. Sie können dies unter Verwendung dem zu tun <kein Skript> tag.

JavaScript Example:
<script type="text/javascript">
<!--
document.write("Hello Javascript!");
//-->
</script>
<noscript>Your browser does not support Javascript!</noscript>
VBScript Example:
<script type="text/vbscript">
<!--
document.write("Hello VBScript!")
'-->
</script>
<noscript>Your browser does not support VBScript!</noscript>

Standard-Skriptsprache

Es kann eine Situation sein, wenn Sie werden umfassen mehrere Skriptdateien und letzlich unter Verwendung mehreren <skript> tags. Sie können Gibt an eine Standard-Skriptsprache für alle Ihre skript tags. Dies erspart Ihnen von Spezifizierung der Sprache jedes mal wenn Sie ein Script-Tag innerhalb der Seite zu verwenden. Unten ist das Beispiel:

<meta http-equiv="Content-Script-Type" content="text/JavaScript" />

Beachten Sie dass Sie immer noch überschreiben die Standardeinstellung durch spezifiziert eine Sprache innerhalb des script-Tag .

Advertisements