Kur krijoni faqe, ndonjëherë është e nevojshme që kur klikoni në butonin e vendosur në faqe, ndonjë ngjarje e programuar nga autori të ndodhë në shfletuesin. Për ta bërë këtë, duhet të vendosni kodin JavaScript në dokumentin e krijuar dhe ta lidhni atë në butonin e kërkuar. Në varësi të sasisë së kodit që kërkohet për të zbatuar ngjarjen e synuar, mund të përdorni mënyra të ndryshme për të lidhur butonin me kodin.
Udhëzimet
Hapi 1
Më shpesh, thirrjet në kodin JavaScript janë të lidhura me ngjarjen onclick, pra me klikimin në butonin e majtë të miut. Nëse nuk ju duhet shumë kod për të përshkruar veprimin që duhet të ndodhë, të gjithë mund të vendosen direkt në etiketën e butonit. Për shembull, për të programuar shfletuesin për të treguar një mesazh të thjeshtë kur klikohet një buton, skenari JavaScript do të dukej kështu: alarm ('Kodi funksionoi!') Duhet vetëm një deklaratë dhe tekst. E gjithë kjo mund të vendoset lehtësisht në përshkrimin e ngjarjes onclick të etiketës së butonit. Në këtë rast, kodi më i thjeshtë HTML i faqes mund të duket kështu:
Butoni me kod
Butoni me kod
Hapi 2
Nuk është praktike të vendosni kodin më kompleks JavaScript direkt në etiketën e butonit. Easiershtë më lehtë të bësh një funksion të veçantë prej tij dhe ta vendosësh thirrjen e tij në ngjarjen onclick. Për shembull, kjo mund të duket si një funksion që tregon një dritare që përmban kohën e një klikimi të një butoni: funksioni getTime () {
var tani = data e re ();
alarm ("Kodi ka punuar në" + tani.getHours () + ":" + tani.getMinutes ());
} Duhet të vendoset në kokën e faqes (midis etiketave dhe). Kodi i plotë i faqes me një thirrje në këtë funksion të lidhur me butonin mund të duket kështu:
Butoni i thirrjes së funksionit
funksioni getTime () {
var tani = data e re ();
alarm ("Kodi ka punuar në" + tani.getHours () + ":" + tani.getMinutes ());
}
Butoni i thirrjes së funksionit
Hapi 3
E njëjta metodë duhet të përdoret kur klikoni disa butona të ndryshëm duhet të ngrejë një ngjarje që mund të përshkruhet me të njëjtin kod JavaScript. Për shembull, mund të modifikoni pak funksionin e mëparshëm për të shtuar identifikimin e butonit të shtypur në kutinë e mesazhit: funksioni getTime (btnString) {
var tani = data e re ();
vigjilent (btnString + "klikuar" + tani.getHours () + ":" + tani.getMinutes ());
} Kodi i plotë për një faqe me tre butona të tillë mund të duket kështu:
Tre butona me një thirrje funksioni
funksioni getTime (btnString) {
var tani = data e re ();
alarm (btnString + "klikuar" + tani.getHours () + ":" + tani.getMinutes ());
}
Butoni i parë
Butoni i dytë
Butoni i tretë
