Tento blog bude diskutovat o funkcích uvedeného výrazu href “ ”.
Co dělá výraz href „ ”?
Atribut href v HTML “ Značka ” obvykle určuje adresu URL nebo webovou stránku, na kterou je odkaz přesměrován.
V případě ' “, atribut href je nastaven na „ javascript:; ” což je zástupná hodnota, která po kliknutí nedělá nic. To se často používá, když je odkaz používán pro funkci nebo událost JavaScriptu a nepotřebuje přesměrovat uživatele na novou stránku.
' javascript:; “ je nejpůsobivější funkcí JavaScriptu pro jeho integraci s HTML a CSS. Pomáhá volat funkce JavaScriptu v HTML href nebo anchor tagu.
Příklad
V uvedeném příkladu zobrazte obrázek na aktuální stránce kliknutím na odkaz pomocí „ javascript:; ” v atributu href, který zabrání prohlížeči opustit aktuální stránku:
< div id = 'můj obrázek' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Zobrazit obrázek A >
Ve výše uvedeném kódu:
- Nejprve vytvořte prvek div v souboru HTML a přiřaďte mu id “ myImg “.
- Nastavte atribut href na „ javascript:; “ a vytvořte „ img ” prvek využívající “ createElement() “ metoda.
- ' src ” bude označovat cestu obrázku.
- Získejte odkaz na prvek obrázku v souboru HTML, aby se obrázek zobrazil pomocí „ getElementById() “ metoda.
- Připojte obrázek jako podřízený prvek pomocí „ appendchild() “ metoda.
Výstup indikuje, že obrázek se zobrazí na stejné stránce po kliknutí na odkaz:
K funkci můžete také přistupovat v tagu href pomocí „ javascript:; ” zástupný symbol:
< div id = 'můj obrázek' > div >< a href = 'javascript:myFunction();' > Klikni na mě A >
Definujte funkci ' myFunction() ” ve značce