Knoppies op webblaaie word gebruik om interaktiewe gebruikerservaring te bied. As die reaksie op 'n klik op die knoppie nie nodig is om data na die bediener te stuur nie, word die interaksie gewoonlik met behulp van JavaScript-skrifte geïmplementeer. Die metodes om die ooreenstemmende JavaScript-kode aan te roep, kan wissel - hieronder is 'n paar moontlike opsies vir verskillende soorte knoppies.
Instruksies
Stap 1
As die vertoon van 'n knoppie op 'n webblad georganiseer word met behulp van die knoppie-etiket, kan die JavaScript-kode in die onclick-attribuut geplaas word. Byvoorbeeld, soos hierdie: knoppie Natuurlik is dit nie aan te beveel om groot genoeg kode direk in die knoppie-etiket te plaas nie - dit is beter om dit as 'n funksie te ontwerp en slegs die kode vir die oproep van hierdie funksie in die onclick-attribuut te plaas. Byvoorbeeld:
funksie showAlert () {
waarskuwing ('Klik op die knoppie!')
}
knoppie
Stap 2
As die knoppie deur een van die invoer-tag-variasies (stuur, herstel, knoppie of beeld) vertoon word, kan dieselfde onclick-kenmerk gebruik word. Byvoorbeeld, vir 'n knoppie om vormvelde skoon te maak (reset), kan die kode soos volg lyk: As u wil hê dat slegs JavaScript uitgevoer moet word wanneer op die knoppie geklik word, en die standaardhandeling nie plaasvind nie, voeg dan die retouropdrag by die funksie of direk na die onclick-attribuut vals. Byvoorbeeld:
Stap 3
As u 'n antwoord moet organiseer op die klik op 'n knoppie van die voorleggingstipe, kan u, benewens die bostaande metode met behulp van die onclick-attribuut, ook die eienskappe gebruik van die vormkaart waarop hierdie knoppie behoort. Die ooreenstemmende funksie-oproep kan geplaas word in die kenmerk van die vorm van die aanmelding. Byvoorbeeld:
Stap 4
As die knoppie nie 'n vormelement is nie, maar slegs 'n grafiese element (img tag), kan die standaarde daarvoor ook die gebruik van die onclick-attribuut gebruik. Byvoorbeeld:
Stap 5
As die knoppie 'n hiperskakel is, moet u nie die eienskappe van die knoppie self gebruik nie; dit is beter om die eienskappe van die skakeltag te gebruik. U kan, soos in die vorige opsies, die onclick-etiket gebruik. Byvoorbeeld: En u kan die adres in die href-kenmerk vervang deur 'n funksie-oproep. Byvoorbeeld, soos volg:
