Hvordan inkludere både Href og OnClick til HTML <a> stikkord

HTML tillater brukeren sin å legge til forskjellige attributter i HTML -elementene. Videre lar det også utviklerne påkalle JavaScript -funksjonen inne i HTML -elementene for å gjøre nettstedet mer lydhør. For eksempel kan det hende du må fange klikkhendelsen og deretter navigere til et annet nettsted. For å gjøre det, “href”Og“ved trykk”Er begge attributter i HTML”" stikkord.

Dette innlegget forklarer for å inkludere OnClick og Href begge til HTML -taggen.

Hvordan inkludere både “Href” og “OnClick” til HTML “” -taggen?

For å inkludere både HREF og OnClick til HTML -taggen, lag en DIV -beholder og sett inn “" -merket. Deretter, i mellom "" -merket, bruker du "href”HTML -attributt og“ved trykk”JavaScript -arrangement.

For å gjøre det, følg de gitte instruksjonene.

Trinn 1: Lag en div container

Først må du lage en DIV -beholder ved å bruke "" stikkord.

Trinn 2: Legg til både “Href” og “Onclick in a Tag

Deretter, bruk "”Tag og sett inn“href”Attributt for å legge til nettadressen til nettstedet og“ved trykk”Attributt til å utføre en hendelse når brukeren klikker på den:

Klikk på meg

Som et resultat, når den ekstra lenken er klikket, blir det opprettet en hendelse, og vi blir navigert til "Linux hint”Hjemmeside:

Trinn 3: Bruk "Alert ()" -funksjon

Legg til "”Merk og sett inn følgende funksjon mellom skriptet:

I henhold til den gitte koden:

• “funksjon Opprett (e)”Er definert for å lage en ny hendelse når en bruker klikker på den angitte lenken innebygd i teksten.
• “varsling()”Funksjon genererer en varselmelding når en bruker klikker på lenken. Brukere må bekrefte ved å klikke på “Ok”Å gå videre.

Som et resultat vil klikke på knappen åpne for en varslingsboks med meldingen “Hallo”:

Den gitte funksjonaliteten kan brukes i scenarier som å vise en melding i tilfelle vellykket påmelding på et nettsted.

Trinn 4: Bruk “e.PreventDefault () ”-funksjon

I motsatt tilfelle, når "e.PreventDefault ()”Funksjonen påberopes, den vil slutte å opprette en hendelse mens brukeren klikker på den innebygde lenken:

funksjon Opprett (e)
e.PreventDefault ();

Som et resultat vil ingenting skje etter klikket:

Det handler om å inkludere Href og Onclick inne i taggen til HTML.

Konklusjon

Å inkludere Href og Onclick til HTML “”Lag først en“div”Container og sett inn“ ”-merket i HTML. Deretter legger du til “href”For å sette inn nettadressen til nettstedet. Etter det, legg til en “ved trykk”Hendelse som brukes til å lage en hendelse når brukeren klikker på lenken. Denne artikkelen har forklart metoden for å legge til Href og Onclick i en HTML -tag.