Ausführliche Erklärung, wie Javascript Beispiele für Ereignisdefinitionen erstellt-js-Tutorial-php.cn

Ausführliche Erklärung, wie Javascript Beispiele für Ereignisdefinitionen erstellt

伊谢尔伦

Freigeben： 2017-07-22 16:13:38

Original

1201 Leute haben es durchsucht

Gemeinsame Definitionsmethode

<input type="button" name="Button" value="确定" 
onclick="Sfont=prompt(&#39;请在文本框中输入红色&#39;,&#39;红色&#39;,&#39; 提示框 &#39;);
if(Sfont==&#39;红色&#39;){
　　　　form1.style.fontFamily=&#39;黑体&#39;;
　　　　form1.style.color=&#39;red&#39;;
}"
/>

Nach dem Login kopieren

Dies ist die gebräuchlichste Definitionsmethode, bei der das JS-Ereignis direkt im oben genannten erforderlichen Objekt definiert wird. Die relevante Transformation ist die Form des Methodenaufrufs wie folgt:

<script>
  function show()
    {
      alert("show");
    }
</script>
<input type="button" name="show" onclick="show()"/>

Nach dem Login kopieren

Der zweite Typ

<script type="text/javascript" for="window" event="onload">
  alert("Welcome!");
</script>
<script type="text/javascript" for="window" event="onunload">
  alert("Thanks!");
</script>

Nach dem Login kopieren

Hier werden die Vorgänge definiert, die beim Laden und Entladen von Fenstern ausgeführt werden.

Wenn es sich um ein Ereignis für andere Objekte handelt, müssen Sie nur den Wert des for-Attributs für den Objektnamen und des Ereignisses für das überwachte Ereignis ändern. Wie folgt:

<script type="text/javascript" for="test" event="onclick">
alert("button!");
</script>

Nach dem Login kopieren

Der dritte Typ:

<input type="button" name="test" value="test"/>
<script>
function te()
{
  alert("test");
}
test.onclick=te;
</script>

Nach dem Login kopieren

Hier Wir verwenden das Registrierungsformular, um die Methode für das angegebene Ereignis des angegebenen Objekts zu registrieren. Wird über den Objektnamen aufgerufen.

Der vollständige Testcode lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript" for="window" event="onload">
alert("Welcome!");
</script>
<script type="text/javascript" for="window" event="onunload">
alert("Thanks!");
</script>
<form name="form1" method="post" action="">
JS很好学
</form>
<formn ame="form2" method="post" action="">
<input type="button" name="Button" value="确定" onclick="Sfont=prompt(&#39;请在文本框中输入红色&#39;,&#39;红色&#39;,&#39; 提示框 &#39;);if(Sfont==&#39;红色&#39;){form1.style.fontFamily=&#39;黑体&#39;;form1.style.color=&#39;red&#39;;}"/>
<input type="button" name="test" value="test"/>
<script>
function te()
{
alert("test");
}
test.onclick=te;
</script>

</form>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie Javascript Beispiele für Ereignisdefinitionen erstellt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!