JavaScript - Href vs OnClick for tilbakeringingsfunksjon på hyperkobling

Mens programmering i JavaScript, kan det være et krav for å integrere flere funksjonaliteter på en webside eller nettsted. For eksempel å relatere lignende funksjoner gjør dem avhengige av hverandre. I slike situasjoner er tilbakeringingsfunksjoner kombinert med "href”Og“ved trykk”Spill en viktig rolle i å effektivisere kompleksitetene på utviklerens slutt.

Denne oppskrivningen vil illustrere funksjonalitetene til Href og Onclick for tilbakeringingsfunksjonen på hyperkobling i JavaScript.

“Href” vs “OnClick” for tilbakeringingsfunksjon på hyperkobling i JavaScript

“href”Attributt gir nettadressen til den gjeldende siden og“ved trykk”Hendelse omdirigerer til en JavaScript -funksjon. “Ring tilbake”Funksjon refererer til en funksjon som sendes som et argument til en annen funksjon.

Kjerneforskjeller mellom “Href” og “OnClick” i JavaScript

Følgende er kjerneforskjellene mellom “Href” og “OnClick” i JavaScript:

href	ved trykk
“href”Er HTML -attributtet.	“ved trykk" er en del av hendelsesattributtet.
Den omdirigerer til hyperkoblingene via "" -merket og bryter mellom websidene.	Det brukes til å påkalle funksjonen i skriptfilen.
Den fungerer bare når den er spesifisert i "" -merket.	Det kan brukes/festes til et hvilket som helst HTML -element.

Hvordan bruke “Href” attributt for tilbakeringingsfunksjon på hyperkobling i JavaScript?

“href”Attributt brukes til å omdirigere til hyperkoblingen i ankeret””Merk og veksle mellom forskjellige websider. I denne tilnærmingen kan denne attributtet brukes til å påkalle en tilbakeringingsfunksjon og vise meldingen deretter:

Klikk på meg

I ovennevnte kodebit:

• For det første, lage en hyperkobling via ankeret “”Tag med“href”Attributt omdirigere til funksjonen som heter“MyFunction ()”Akkumulere tilbakeringingsfunksjonen”myDisplay ()”Som argument.
• I JS-kodeblokken, erklærer en brukerdefinert funksjon “MyFunction ()”.
• I sin definisjon, initialiser den angitte strengverdien.
• Etter det, påkalle tilbakeringingsfunksjonen “myDisplay ()”Å ha den spesifiserte strengverdien som argument.
• Nå, erklærer tilbakeringingsfunksjonen som heter “myDisplay ()”Ved å sende strengverdien fra den tidligere funksjonen som argument og vise den via“varsling”Dialogboks når du klikker på lenken.

Produksjon

I outputten kan man se at tilbakeringingsfunksjonen påberopes med suksess via "href" Egenskap.

Hvordan bruke “OnClick” -hendelse for tilbakeringingsfunksjon på hyperkobling i JavaScript?

“ved trykk”Hendelsen brukes til å påkalle en bestemt funksjon. Denne hendelsen kan brukes kombinert med tilbakeringingsfunksjonen for å omdirigere til tilbakeringingsfunksjonen til slutt på knappeklikk og returnere summen av verdiene:

Klikk på meg

I ovennevnte kodebit:

• For det første, oppretter en knapp med en vedlagt “ved trykk”Hendelse som omdirigerer til funksjonen som heter MyFunction () som har de uttalte verdiene og tilbakeringingsfunksjonen MyDisplay () som henholdsvis dens (hovedfunksjon) argumenter.
• I JS -koden, definer en funksjon som heter “MyFunction ()”Å ha de uttalte parametrene.
• I funksjonsdefinisjonen, returner summen av verdiene i tilbakeringingsfunksjonen som argument.
• Til slutt, definere tilbakeringingsfunksjonen som heter “myDisplay ()”Og vis den resulterende summen i varslingsdialogboksen.

Produksjon

Som tydelig har den resulterende sumverdien blitt vist som et varsel på knappeklikk.

Konklusjon

“href”Attributt gir nettadressen til den gjeldende siden, og“ved trykk”Hendelse omdirigerer til en JavaScript -funksjon. Disse tilnærmingene kan brukes til å omdirigere til funksjonen, akkumulere tilbakeringingsfunksjonen og vise den tilsvarende meldingen og den resulterende summen. Denne oppskrivningen illustrerte forskjellene mellom funksjonalitetene til Href og Onclick for tilbakeringingsfunksjonen på hyperkobling i JavaScript.