Ez a blog a megadott href kifejezés „ funkcióit tárgyalja.
Mit csinál a „ ” href kifejezés?
A href attribútum egy HTML-ben ' ” címke általában azt az URL-t vagy weboldalt határozza meg, amelyre a hivatkozás átirányul.
Abban az esetben ' ”, a href attribútum értéke „ javascript:; ', amely egy helyőrző érték, amely nem csinál semmit, ha rákattint. Ezt gyakran használják, amikor a hivatkozást JavaScript-függvényhez vagy eseményhez használják, és nem kell átirányítania a felhasználót egy új oldalra.
A ' javascript:; ” a JavaScript leglenyűgözőbb funkciója, amellyel integrálható a HTML-lel és a CSS-sel. Segít a JavaScript függvények meghívása HTML href vagy horgony címkében.
Példa
Az adott példában jelenítse meg a képet az aktuális oldalon a hivatkozásra kattintva a „ javascript:; ” a href attribútumban, amely megakadályozza, hogy a böngésző elhagyja az aktuális oldalt:
< div id = 'az én képem' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Kép megjelenítése a >
A fenti kódban:
- Először hozzon létre egy div elemet a HTML-fájlban, és rendeljen hozzá egy azonosítót ' myImg ”.
- Állítsa a href attribútumot ' javascript:; ', és hozzon létre egy ' img ' elem a ' createElement() ” módszerrel.
- A ' src ” attribútum jelzi a kép elérési útját.
- Szerezze meg a képelem hivatkozását a HTML-fájlban a kép megjelenítéséhez a „ getElementById() ” módszerrel.
- A kép hozzáfűzése gyermekelemként a ' appendchild() ” módszerrel.
A kimenet azt jelzi, hogy a kép ugyanazon az oldalon jelenik meg a linkre kattintva:
A funkciót a href címkében is elérheti a „ javascript:; ' helykitöltő:
< div id = 'az én képem' > div >< a href = 'javascript:myFunction();' > Kattints ide a >
Határozzon meg egy függvényt ' myFunction() ” a