Hjem / Internet / Web Udvikling / Sådan indsættes en kode på en knap

Sådan indsætte knappen koden

/
43 visninger

Sådan indsætte knappen koden</a>

Knapper på websider bruges til at organisere interaktivt interaktion med brugeren.

Typisk, hvis svaret på en knap ikke kræver at sende data til serveren, implementeres den interaktive ved hjælp af JavaScript-scripts.

Måder at kalde den relevante JavaScript-kode kan variere - flere mulige muligheder for knapper af forskellige typer er beskrevet nedenfor.

instruktion

    1

Hvis knappen vises på en websideorganiseret af en knap-tag, kan JavaScript-kode placeres i onclick-attributten. For eksempel, som: & lt-knappen onclick = »alert ( '! Knap trykkes') -« & gt-knap & LT / knap & gt-kursus, placeres direkte i knappen tag er stor nok kode er ikke hensigtsmæssigt - det er bedre at designe det som en funktion, og i onclick attribut Placer kun opkaldskoden for denne funktion. For eksempel: & lt-script & gt-
Funktion showAlert () {
Advarsel ('Knappen trykkes!')
}
& Lt- / script & gt- & lt-button onclick = "showAlert ()" & gt-knap & lt- / button & gt-

    2

Hvis knappen vises ved en af ​​knapperneValg for input (indsend, nulstil, knap eller billede) tag, du kan bruge samme onclick attribut. For eksempel, for områderne rydde knap formular (reset), kan koden se sådan ud: & lt-input type = »Gendan» onclick = »showAlert ()» / & gt-Hvis du ønsker for kun JavaScript-script at trykke på knappen handling, og tildelt hende Som standard fandt handlingen ikke sted, så returnering falsk kommando skal tilføjes til funktionen eller direkte til onclick attributten. For eksempel: & lt-input type = »RESET» onclick = »showAlert () - return false» / ​​& GT

    3

Hvis du vil organisere et svar på en knap, klikIndtast derefter, udover ovenstående metode ved hjælp af onclick-attributten, kan du bruge egenskaberne for formularen, som denne knap tilhører. Det tilsvarende funktionsopkald kan placeres i onsubmit-attributten til formularen. For eksempel: & lt-form action = »» onsubmit = "showAlert () - RETURN FALSE" & gt-
& Lt-input type = "submit" / & gt-
& LT / formular & GT

    4

Hvis knappen ikke er et formelement, men det heleKun et grafisk element (img tag), så for ham tillader standarderne brugen af ​​onclick attributten. For eksempel: & lt-img src = "btn.gif" onclick = "showAlert () -" / & gt-

    5

Hvis knappen er et hyperlink, såbruge attributterne for selve knappen er ikke nødvendigt, det er bedre at drage fordel af de egenskaber af tag referencer. Det er muligt, som i de foregående udførelsesformer bruger onclick tag. For eksempel: & lt-a href = »http://learn-myself.com» onclick = »showAlert () - return false -«& GT & lt-img src =»btn.gif» / & GT & LT / a & gt-A kan erstattes med et funktionskald til adressen i href-attributten. For eksempel fordi: & lt-a href = »javascript: showAlert () -«& GT & lt-img src =»btn.gif» / & GT & LT / a & GT

Sådan indsætte knappen koden Det var sidst ændret: 20 juni 2017 af nolseowb
Det er vigtigste indre beholder sidefodstekst