Što radi href Expression?

Sto Radi Href Expression



Dok razvijaju web stranice, programeri stvaraju više stranica za različite funkcionalnosti, kao što je preusmjeravanje korisnika s jedne stranice na drugu klikom na gumb ili bilo koju vezu. Ali ponekad programeri ne žele vezu za preusmjeravanje korisnika na novu stranicu. U tom slučaju koristite ' javascript:; ” kao vrijednost href u oznaci href . Sprječava preglednik da se udalji od trenutne stranice.

Ovaj blog raspravljat će o funkcionalnostima navedenog href izraza “ ”.

Što radi href izraz “ ”?

Atribut href u HTML-u ' ” obično navodi URL ili web stranicu na koju je veza usmjerena.







U slučaju ' ', atribut href je postavljen na ' javascript:; ” što je vrijednost rezerviranog mjesta koja ne radi ništa kada se klikne. Ovo se često koristi kada se veza koristi za JavaScript funkciju ili događaj i ne treba preusmjeravati korisnika na novu stranicu.



' javascript:; ” je najdojmljivija značajka JavaScripta koja ga integrira s HTML-om i CSS-om. Pomaže pozivanje JavaScript funkcija u HTML href ili oznaci sidra.



Primjer

U navedenom primjeru, prikažite sliku na trenutnoj stranici klikom na poveznicu koristeći ' javascript:; ” u atributu href koji će spriječiti preglednik da napusti trenutnu stranicu:





< div id = 'moja slika' > div >

< a href = 'javascript: img = document.createElement('img');

img.src = 'sunce.jpg';

src = document.getElementById('myImg');

src.appendChild(img);'
> Prikaži sliku a >

U gornjem kodu:

  • Najprije izradite div element u HTML datoteci i dodijelite ID ' moja slika ”.
  • Postavite atribut href na ' javascript:; ' i stvorite ' img ' element koji koristi ' stvoritiElement() ” metoda.
  • ' src ” atribut će naznačiti putanju slike.
  • Nabavite referencu elementa slike u HTML datoteci za prikaz slike pomoću ' getElementById() ” metoda.
  • Dodajte sliku kao podređeni element pomoću ' dodatidijete() ” metoda.

Ispis pokazuje da će se slika prikazati na istoj stranici dok se klikne na vezu:



Također možete pristupiti funkciji u oznaci href s “ javascript:; ' rezerviranog mjesta:

< div id = 'moja slika' > div >

< a href = 'javascript:mojaFunkcija();' > Kliknite Ja a >

Definirajte funkciju ' mojaFunkcija() ” u oznaci