Tento blog bude diskutovať o funkciách uvedeného výrazu href “ ”.
Čo robí výraz href „ ”?
Atribút href v HTML “ Značka ” zvyčajne určuje adresu URL alebo webovú stránku, na ktorú je odkaz nasmerovaný.
V prípade ' “, atribút href je nastavený na „ javascript:; ” čo je zástupná hodnota, ktorá po kliknutí nerobí nič. Toto sa často používa, keď sa odkaz používa pre funkciu alebo udalosť JavaScript a nepotrebuje presmerovať používateľa na novú stránku.
' javascript:; “ je najpôsobivejšia funkcia JavaScriptu, ktorá ho integruje s HTML a CSS. Pomáha volať funkcie JavaScriptu v HTML href alebo kotviacej značke.
Príklad
V uvedenom príklade zobrazte obrázok na aktuálnej stránke kliknutím na odkaz pomocou „ javascript:; ” v atribúte href, ktorý zabráni prehliadaču opustiť aktuálnu stránku:
< div id = 'môj obrázok' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Zobraziť obrázok a >
Vo vyššie uvedenom kóde:
- Najprv vytvorte prvok div v súbore HTML a priraďte mu id “ myImg “.
- Nastavte atribút href na „ javascript:; “ a vytvorte „ img ” prvok využívajúci “ createElement() “.
- ' src ” bude označovať cestu k obrázku.
- Získajte referenciu prvku obrázka v súbore HTML, aby ste zobrazili obrázok pomocou „ getElementById() “.
- Pripojte obrázok ako podradený prvok pomocou „ appendchild() “.
Výstup indikuje, že obrázok sa zobrazí na tej istej stránke po kliknutí na odkaz:
K funkcii môžete pristupovať aj v značke href pomocou „ javascript:; ” zástupný symbol:
< div id = 'môj obrázok' > div >< a href = 'javascript:myFunction();' > Klikni na mňa a >
Definujte funkciu ' myFunction() ” v značke