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