Es gibt verschiedene Möglichkeiten, Javascript-Code zu verwenden

Javascript-Code kann auf zwei Arten verwendet werden, nämlich: 1. Direkte Ausführung, wenn eine Webseite geöffnet wird, werden alle in Skript-Tags oder verknüpften JS-Dateien definierten JavaScript-Codes ausgeführt. 2. Ereignisgesteuert, wenn ein Ereignis auftritt Wenn ein bestimmtes Ereignis eintritt, wird ein bestimmter Teil des JavaScript-Codes ausgeführt.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

【JavaScript-Ausführungsmethode】

Der im HTML-Dokument definierte JavaScript-Code verfügt über zwei Ausführungsmethoden: direkte Ausführung und ereignisgesteuert. 直接执行、事件驱动。

直接执行：

当我们打开一个网页时，所有定义在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签或链入的 js 文件中的JavaScript代码就会被执行。

需要注意的是，用 function 定义的函数是不被执行的，函数只有在遇到函数调用时才会执行。

例1：

<script type="text/javascript">
var d = new Date();
var m = d.getMonth();
if( m>=5 )
document.write( m );
</script>

以上JavaScript代码是裸放在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签中的，当网页打开时，就立即执行。

例2：

<script type="text/javascript">
function getM()
{
var d = new Date();
var m = d.getMonth();
if( m>=5 )
document.write( m );
}
</script>
以上JavaScript代码定义的是函数，当网页打开时，函数中的代码不会被执行。当需要执行该函数时，需要使用函数调用。
<script type="text/javascript">
getM();
</script>

事件驱动：

Direkte Ausführung:

Wenn wir eine Webseite öffnen, wird der gesamte im 3f1c4e4b6b16bbbd69b2ee476dc4f83a definierte JavaScript-Code ausgeführt.

Es ist zu beachten, dass mit function definierte Funktionen nicht ausgeführt werden. Die Funktion wird nur ausgeführt, wenn sie auf einen Funktionsaufruf trifft.

Beispiel 1:

<script type="text/javascript">
var count = 0;
function setCount()
{
count++;
if( count>=5 )
count = 0;
}
</script>
<button onclick="setCount()">计数</button>

Der obige JavaScript-Code wird nackt im 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag platziert und wird sofort ausgeführt, wenn die Webseite geöffnet wird.

Beispiel 2:

<script type="text/javascript">
JS代码
</script>

Ereignisgesteuert:

Wenn ein Ereignis eintritt, z. B. das Öffnen einer Webseite, ein Mausklick, ein Doppelklick usw., wird ein bestimmtes Stück von JavaScript-Code wird ausgeführt.

Zum Beispiel:

<script type="text/javascript" src="js文件"></script>

In diesem Beispiel definiert das Tag bb9345e55eb71822850ff156dfde57c8 eine Schaltfläche und das onclick-Attribut wird verwendet, um auf ein Mausklickereignis zu reagieren wird ausgeführt.

Die Attribute, die auf ein Ereignis im Tag reagieren, werden als Ereignishandler bezeichnet, und ihre Werte sind JavaScript-Codes.

Gemeinsame Ereignishandler:

onload:

Wird beim Öffnen der Webseite ausgelöst. Es ist nur innerhalb der Tags 6c04bd5ca3fcae76e30b72ad730ca86d gültig.

Dieses Ereignis wird im Allgemeinen verwendet, um einige Initialisierungsvorgänge durchzuführen.

onunload:

Wird ausgelöst, wenn die Webseite geschlossen wird. Es ist nur innerhalb der Tags 6c04bd5ca3fcae76e30b72ad730ca86d gültig.

Diese Veranstaltung wird im Allgemeinen genutzt, um Abschlussarbeiten abzuschließen.

onclick:

Wird ausgelöst, wenn die Maus klickt. Es kann für Objekte wie Steuerelemente, Bilder, Text, Hyperlinks usw. verwendet werden.

Dieses Ereignis wird verwendet, um auf Mausklickvorgänge zu reagieren, und ist der am häufigsten verwendete Ereignishandler.

ondblclick:

Wird ausgelöst, wenn mit der Maus doppelgeklickt wird. Es kann für Objekte wie Steuerelemente, Bilder, Text, Hyperlinks usw. verwendet werden.

Dieses Ereignis wird verwendet, um auf einen Doppelklick mit der Maus zu reagieren.

bei Änderung:

Wird ausgelöst, wenn sich der Inhalt ändert. Es kann für Objekte wie Textfelder, Listenfelder usw. verwendet werden.

Dieses Ereignis wird im Allgemeinen verwendet, um auf die Änderung des Inhalts im Textfeld durch den Benutzer zu reagieren.

Hinweis: Wenn der Benutzer Text in ein Textfeld eingibt, wird das Ereignis onchange nicht ausgelöst. Dieses Ereignis wird nur ausgelöst, wenn der Benutzer nach Abschluss der Eingabe auf einen Bereich außerhalb des Textfelds klickt, wodurch das Textfeld den Fokus verliert .

onselect:

Wird ausgelöst, wenn Inhalt ausgewählt wird. Es kann für Objekte wie Textfelder, Listenfelder usw. verwendet werden.

Dieses Ereignis wird im Allgemeinen verwendet, um auf Vorgänge zu reagieren, z. B. wenn der Benutzer den Inhalt im Textfeld auswählt und das ausgewählte Element im Listenfeld ändert.

Die oben genannten sind nur einige der am häufigsten verwendeten Event-Handler.

Hinweis: Der Event-Handler ist kein JavaScript-Code, sondern ein HTML-Attribut, daher wird die Groß-/Kleinschreibung nicht beachtet, Sie sollten sich jedoch angewöhnen, in Kleinbuchstaben zu schreiben.

Erweiterte Informationen:

[JavaScript-Definitionsmethode]:

Es gibt zwei Möglichkeiten, JavaScript-Code zu HTML-Dokumenten hinzuzufügen: eingebettet und verknüpft.

Eingebettet:

JavaScript-Code in HTML-Dokumente einbetten. Methode:

rrreee

JavaScript-Code muss zwischen 3f1c4e4b6b16bbbd69b2ee476dc4f83a definiert werden.

3f1c4e4b6b16bbbd69b2ee476dc4f83a Tag kann im Kopfbereich oder im Körperbereich platziert werden.

In einem HTML-Dokument kann JavaScript-Code an mehreren Stellen erscheinen und jede Stelle muss in 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags eingeschlossen sein. 🎜🎜Link-in: 🎜🎜Platzieren Sie den JavaScript-Code in einer Textdatei. Die Dateierweiterung sollte als .js definiert sein. Fügen Sie dem HTML-Dokument das folgende Tag hinzu: 🎜rrreee🎜Das src-Attribut wird verwendet, um die Adresse anzugeben verknüpfte js-Datei. Es kann eine lokale Datei oder eine URL sein. 🎜🎜Durch die Verknüpfung kann der definierte JavaScript-Code von mehreren Webseiten gemeinsam genutzt werden. 🎜🎜【Empfohlenes Lernen: 🎜Javascript-Tutorial für Fortgeschrittene🎜】🎜

Das obige ist der detaillierte Inhalt vonEs gibt verschiedene Möglichkeiten, Javascript-Code zu verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!