Tässä blogissa käsitellään ilmoitetun href-lausekkeen “ toimintoja.
Mitä href-lauseke “ ” tekee?
HTML-koodin href-attribuutti ' ” -tunniste määrittää yleensä URL-osoitteen tai verkkosivun, jolle linkki ohjataan.
Siinä tapauksessa että ' ”, href-attribuutiksi on asetettu ” javascript:; ”, joka on paikkamerkkiarvo, joka ei tee mitään, kun sitä napsautetaan. Tätä käytetään usein, kun linkkiä käytetään JavaScript-toimintoon tai tapahtumaan, eikä sen tarvitse ohjata käyttäjää uudelle sivulle.
' javascript:; ” on JavaScriptin vaikuttavin ominaisuus integroida se HTML:ään ja CSS:ään. Se auttaa kutsumaan JavaScript-funktioita HTML href- tai ankkuritunnisteessa.
Esimerkki
Tässä esimerkissä näytä kuva nykyisellä sivulla napsauttamalla linkkiä ' javascript:; ” href-attribuutissa, joka estää selainta poistumasta nykyiseltä sivulta:
< div id = 'minun kuvani' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'aurinko.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Näytä kuva a >
Yllä olevassa koodissa:
- Luo ensin div-elementti HTML-tiedostoon ja määritä tunnus ' myImg ”.
- Aseta href-attribuutiksi ' javascript:; ja luo ' img '-elementti, joka käyttää ' createElement() ”menetelmä.
- ' src ”-attribuutti osoittaa kuvan polun.
- Hae HTML-tiedoston kuvaelementin viite näyttääksesi kuvan käyttämällä ' getElementById() ”menetelmä.
- Liitä kuva lapsielementiksi käyttämällä ' appendchild() ”menetelmä.
Tulos osoittaa, että kuva näytetään samalla sivulla linkkiä napsauttamalla:
Voit käyttää toimintoa myös href -tunnisteessa ' javascript:; ' paikanpitäjä:
< div id = 'minun kuvani' > div >< a href = 'javascript:myFunction();' > Napsauta Minä a >
Määritä funktio ' myFunction() '