Izstrādātāji galvenokārt vēlas, lai viņu tīmekļa lapas būtu pievilcīgas un padarītu tās interaktīvas. Šim nolūkam tīmekļa lapai tiek pievienotas pogas. Piemēram, ja ir nepieciešams nosūtīt vai saņemt datus, tostarp klikšķu notikumus, lai pievienotu funkcijas lietotājam, reģistrējoties vai pierakstoties kontā. Šādos gadījumos pogas ļauj gala lietotājam gudri veikt dažādas funkcijas.
Šajā emuārā tiks izskaidrotas metodes, kā izveidot pogas JavaScript.
Kā izveidot pogu JavaScript?
Lai izveidotu pogu JavaScript, var izmantot šādas metodes:
Sekojošās pieejas pa vienam demonstrēs koncepciju!
1. metode. Izveidojiet pogu JavaScript, izmantojot metodes “createElement()” un “appendChild()”
' CreateElement() ' metode izveido elementu, bet ' appendChild() ” metode pievieno elementu pēdējam elementa atvasinātajam. Šīs metodes tiks izmantotas, lai izveidotu pogu un pievienotu to dokumenta objekta modelim (DOM), kas attiecīgi jāizmanto.
Sintakse
dokumentu. izveidotElement ( veids )elements. pievienotBērns ( mezgls )
Iepriekš minētajā sintaksē ' veids ” attiecas uz elementa veidu, kas tiks izveidots, izmantojot metodi createElement(), un “ mezgls ” ir mezgls, kas tiks pievienots ar appendChild() metodes palīdzību.
Nākamajā piemērā tiks izskaidrots norādītais jēdziens.
Piemērs
Pirmkārt, ' pogu ” tiks izveidots, izmantojot metodi document.createElement() un saglabāts mainīgajā ar nosaukumu “ Izveidošanas poga ”:
konst Izveidošanas poga = dokumentu. izveidotElement ( 'poga' )Tālāk “ iekšējaisTeksts ” rekvizīts atsauksies uz izveidoto pogu un iestatīs norādītās pogas teksta vērtību šādi:
Izveidošanas poga. iekšējaisTeksts = 'Click_Me'Visbeidzot, ' appendChild() ” metode pievienos izveidoto pogu DOM, atsaucoties uz mainīgo, kurā tā ir saglabāta kā arguments:
dokumentu. ķermenis . pievienotBērns ( Izveidošanas poga ) ;Iepriekš minētās ieviešanas rezultāts būs šāds:
2. metode. Izveidojiet pogu JavaScript, izmantojot taga “ievades” atribūtu “Type”.
' veids ” atribūts apzīmē parādāmā ievades elementa veidu. To var izmantot, lai izveidotu pogu, norādot “ pogu ” kā ievades taga atribūta type vērtību.
Sintakse
< ievades veids = 'poga' >Šeit, ' pogu ” norāda ievades lauka veidu.
Apskatiet tālāk sniegto piemēru.
Piemērs
Pirmkārt, mēs izmantosim ievades tagu, norādiet tā veidu kā ' pogu ”, un vērtību kā “ Click_Me ”. Rezultātā tiks izveidota poga. Turklāt tas aktivizēs CreateButton() ” funkcija, noklikšķinot:
< ievades veids = pogas vērtība = Click_Me onclick = 'izveidotButton()' >JavaScript failā mēs definēsim ' CreateButton() ” funkcija, kas ģenerēs brīdinājuma lodziņu, kad tiks noklikšķināts uz pievienotās pogas:
funkciju Izveidošanas poga ( ) {brīdinājums ( 'Šī ir poga' )
}
Izvade
Apspriestas metodes pogas izveidei JavaScript var piemēroti izmantot atbilstoši prasībām.
Secinājums
Lai izveidotu pogu JavaScript, ' CreateElement() ' un ' appendChild() ” metodes var izmantot, lai izveidotu pogu un pievienotu to izmantošanai DOM. Vēl viens paņēmiens, ko var izmantot, lai izveidotu pogu, ir ievades veida noteikšana un saistītās funkcionalitātes pievienošana. Šajā rakstā tika parādītas metodes, kā izveidot pogu JavaScript.