Co dělá výraz href

Co Dela Vyraz Href



Při vývoji webových stránek vývojáři vytvářejí více stránek pro různé funkce, jako je přesměrování uživatelů z jedné stránky na druhou kliknutím na tlačítko nebo jakýkoli odkaz. Někdy však vývojáři nechtějí odkaz pro přesměrování uživatele na novou stránku. V takovém případě použijte „ javascript:; ” jako hodnotu href v tagu href . Brání prohlížeči v opuštění aktuální stránky.

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