Knapper på websider bruges til at give interaktiv brugeroplevelse. Hvis svaret på et knap-klik ikke kræver, at data sendes til serveren, implementeres interaktionen som regel ved hjælp af JavaScript-scripts. Metoderne til at påkalde den tilsvarende JavaScript-kode kan variere - nedenfor er flere mulige muligheder for knapper af forskellige typer.
Instruktioner
Trin 1
Hvis visningen af en knap på en webside er organiseret ved hjælp af knapmærket, kan JavaScript-koden placeres i attributten onclick. For eksempel som denne: knap Det anbefales selvfølgelig ikke at sætte stor nok kode direkte i knapkoden - det er bedre at designe den som en funktion og kun sætte koden til at kalde denne funktion til onclick-attributten. For eksempel:
funktion showAlert () {
alarm ('Knap klikket!')
}
knap
Trin 2
Hvis knappen vises gennem en af input-tagvariationerne (send, reset, knap eller billede), kan den samme onclick-attribut bruges. For en knap til at rydde formularfelter (nulstilling) kan koden f.eks. Se sådan ud: Hvis du kun ønsker, at JavaScript skal udføres, når der klikkes på knappen, og standardhandlingen ikke forekommer, skal du tilføje returkommandoen til funktion eller direkte til onclick-attributten false. For eksempel:
Trin 3
Hvis du har brug for at organisere et svar på at klikke på en knap af afsendelsestypen, kan du ud over ovenstående metode ved hjælp af onclick-attributten bruge egenskaberne for det formtag, som denne knap tilhører. Det tilsvarende funktionsopkald kan placeres i attributten onsubmit for formtagget. For eksempel:
Trin 4
Hvis knappen ikke er et formelement, men kun et grafisk element (img-tag), tillader standarderne for det også brugen af onclick-attributten. For eksempel:
Trin 5
Hvis knappen er et hyperlink, skal du ikke bruge selve knapens attributter; det er bedre at bruge egenskaberne for linktagget. Du kan, som i de tidligere indstillinger, bruge onclick-koden. For eksempel: Og du kan erstatte adressen i href-attributten med et funktionsopkald. For eksempel sådan:
