Hjem / Internett / web Development / Hvordan sette inn koden til knappen

Hvordan sette inn koden for knappen

/
38 Visninger

Hvordan sette inn koden for knappen</a>

Knappen i web-sider som brukes til å organisere interaktiv kommunikasjon med brukeren.

Som regel, hvis responsen på et tastetrykk ikke krever å sende data til serveren, interaktivitet er implementert ved hjelp Javascript-scenarier.

Fremgangsmåter påkalle den tilsvarende Script-kode kan variere - Nedenfor beskrives noen mulige utførelsesformer for forskjellige typer av knapper.

instruksjon

    1

Hvis skjermknappen på nettsidenorganisert av en knapp tag, kan Javascript-kode legges i onclick attributt. For eksempel som: & lt-knappen onclick = »alert ( '!-Bryteren') -« & gt-knappen og LT / knapp & gt-kurs, plasseres direkte på knappen lappen er stor nok koden er ikke riktig - det er bedre å utforme den som en funksjon, og i onclick attributt bare sette inn koden kaller denne funksjonen. For eksempel: & lt-script & gtll
funksjon showAlert () {
alert ( 'knappen trykkes!')
}
Og LT-al / script-gtll & lt-knapp onclick = »showAlert ()» & gt-knapp og LT / knapp-gtll

    2

Hvis knappen vises ved en avinngang tag alternativer (sende, reset, knapp, eller bilde), kan du bruke det samme attributtet onclick. For eksempel, for innen clearing knapp form (reset), kan koden se slik ut: & lt-input type = »RESET» onclick = »showAlert ()» / & gt-Hvis du ønsker for kun Javascript-skript trykke på handlingsknappen, og tildelte henne standardhandlingen skjer ikke, så funksjonen eller direkte i onclick-attributtet må legge return false kommando. For eksempel: & lt-input type = »RESET» onclick = »showAlert () - return false» / ​​& gtll

    3

Hvis det er nødvendig å organisere et svar på et trykk på en knappskriver sende, da i tillegg til den ovennevnte fremgangsmåte ved hjelp av onclick attributt egenskaper kan benyttes skjema tag, som denne knapp. Den tilsvarende funksjonskallet kan plasseres i den onsubmit skjema attributtkoden. For eksempel: & lt-form action = »» onsubmit = »showAlert () - return false» & gtll
& Lt-input type = »sende» / & gtll
Og LT-al / skjema & gtll

    4

Hvis knappen er ikke en del av skjemaet, og alleet grafisk element (merket img), og deretter for ham standarder tillater bruk onclick attributtet. For eksempel: & lt-img src = »btn.gif» onclick = »showAlert () -» / & gtll

    5

Hvis knappen er en hyperkobling, denbruke egenskapene til selve knappen er ikke nødvendig, det er bedre å dra nytte av egenskapene til de tag referanser. Det er mulig, som i de tidligere utførelser, brukes onclick tag. For eksempel: & lt-a href = »http://learn-myself.com» onclick = »showAlert () - return false -«& gtll & lt-img src =»btn.gif» / og gtll og LT-al / a & gt-A kan erstattes med et funksjonskall til adressen i href attributt. For eksempel, fordi: & lt-a href = »javascript: showAlert () -«og gtll & lt-img src =»btn.gif» / & gtll og LT / a & gtll

Hvordan sette inn koden for knappen Det ble sist endret: 20 juni 2017 av fyyxoahr
Det er hoved indre beholder bunntekst