Zuhause / Internet / Web-Entwicklung / Wie Code der Schaltfläche einfügen

Wie die Schaltfläche Code einfügen

/
39 Ansichten

Wie die Schaltfläche Code einfügen</a>

Button in den Web-Seiten verwendet, um interaktive Kommunikation mit dem Benutzer zu organisieren.

In der Regel nicht, wenn die Antwort auf eine Taste drückt keine Daten an den Server erfordert Senden wird die Interaktivität JavaScript-Szenarien realisiert.

Methoden aufrufen die entsprechende JavaScript-Code kann variieren - Im Folgenden werden einige mögliche Ausführungsformen für verschiedene Arten von Tasten.

Unterricht

    1

Wenn die Display-Taste auf der Webseitedurch einen Knopf-Tag organisiert, kann der JavaScript-Code in dem Onclick-Attribute gesetzt werden. Zum Beispiel, wie: & lt-Taste Onclick = »alert ( '! Taste gedrückt wird) -« & gt-Taste & LT- / Taste & gt-natürlich direkt im Tag-Tasten groß genug Code platziert ist nicht geeignet - es ist besser, es als eine Funktion zu entwerfen, und das Attribut Onclick nur setzen Sie den Code, um diese Funktion aufrufen. Zum Beispiel: & lt-script & GT-
showAlert Funktion () {
alert ( 'Taste gedrückt wird!')
}
& Lt- / script & GT- & lt-Taste Onclick = »showAlert ()» & gt-Taste & LT- / Taste & GT-

    2

Wird die Taste durch einen der angezeigtenEingangs-Tag-Optionen (einreichen, Reset, Taste oder Bild), können Sie das gleiche Attribut Onclick verwenden. Zum Beispiel für die Felder der Knopfform Löschen (Reset), könnte der Code wie folgt aussehen: & lt-input type = »RESET» Onclick = »showAlert ()» / & gt-Wenn Sie nur JavaScript-Skript wollen die Aktionstaste drücken und ihr zugewiesen die Standardaktion nicht auftritt, dann muss der Funktion oder direkt im Onclick-Attribute hinzufügen falschen Befehl zurück. Zum Beispiel: & lt-input type = »RESET» Onclick = »showAlert () - return false» / ​​& GT-

    3

Wenn es notwendig ist, eine Antwort auf den auf Knopfdruck zu organisierenGeben Sie einreichen, dann neben dem obigen Verfahren unter Verwendung des Onclick Attributeigenschaften Form-Tag verwendet werden können, auf die diese Taste. Der entsprechende Funktionsaufruf kann in der Form onsubmit Attribut-Tag gelegt werden. Zum Beispiel: & lt-form action = »» onsubmit = »showAlert () - return false» & GT-
& Lt-input type = »einreichen» / & GT-
& Lt- / form & GT-

    4

Wenn die Taste ist nicht Teil der Form, und alleein grafisches Element (das img-Tag) und dann für ihn Standards erlauben die Verwendung Onclick-Attribut. Zum Beispiel: & lt-img src = »btn.gif» Onclick = »showAlert () -» / & GT-

    5

Wenn die Taste ist ein Hyperlink, derverwenden, um die Attribute der Schaltfläche selbst ist nicht notwendig, es besser ist, die Vorteile der Eigenschaften der Tag-Referenzen zu nehmen. Es ist möglich, wie in den vorherigen Ausführungsformen, Onclick Tag verwenden. Zum Beispiel: & lt-a href = »http://learn-myself.com» Onclick = »showAlert () - return false -«& GT- & lt-img src =»btn.gif» / & GT- & LT- / a & gt-A kann mit einem Funktionsaufruf an die Adresse im href-Attribute ersetzt werden. Zum Beispiel, weil: & lt-a href = »javascript: showAlert () -«& GT- & lt-img src =»btn.gif» / & GT- & LT- / a & GT-

Wie die Schaltfläche Code einfügen Es wurde zuletzt bearbeitet: 20. Juni 2017 durch fyyxoahr
Es ist Haupt-Innenbehälter Fußzeilentext