Ta spletni dnevnik bo razpravljal o funkcionalnosti navedenega izraza href “ ”.
Kaj počne izraz href “ ”?
Atribut href v HTML-ju ” običajno določa URL ali spletno stran, na katero je usmerjena povezava.
V primeru ' «, je atribut href nastavljen na » javascript:; «, ki je nadomestna vrednost, ki ob kliku ne naredi ničesar. To se pogosto uporablja, ko se povezava uporablja za funkcijo JavaScript ali dogodek in uporabnika ni treba preusmeriti na novo stran.
' javascript:; ” je najbolj impresivna funkcija JavaScripta za integracijo s HTML in CSS. Pomaga, če pokličete funkcije JavaScript v HTML href ali sidrni oznaki.
Primer
V danem primeru prikažite sliko na trenutni strani tako, da kliknete povezavo z ' javascript:; ” v atributu href, ki bo brskalniku preprečil, da bi zapustil trenutno stran:
< div id = 'moja slika' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sonce.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Pokaži sliko a >
V zgornji kodi:
- Najprej ustvarite element div v datoteki HTML in dodelite ID ' myImg ”.
- Nastavite atribut href na ' javascript:; « in ustvarite » img ' element, ki uporablja ' createElement() ” metoda.
- ' src ” bo nakazal pot slike.
- Pridobite referenco slikovnega elementa v datoteki HTML za prikaz slike z uporabo ' getElementById() ” metoda.
- Dodajte sliko kot podrejeni element z uporabo ' dodatek() ” metoda.
Izhod kaže, da bo slika prikazana na isti strani, ko kliknete povezavo:
Do funkcije lahko dostopate tudi v oznaki href z “ javascript:; ' rezervirano mesto:
< div id = 'moja slika' > div >< a href = 'javascript:myFunction();' > Kliknite Jaz a >
Določite funkcijo ' mojaFunkcija() ” v oznaki