Selles ajaveebis käsitletakse märgitud href-avaldise “ funktsioone.
Mida teeb href-avaldis “ ”?
Atribuut href HTML-is ' ” märgend määrab tavaliselt URL-i või veebilehe, millele link suunatakse.
Juhul kui ' ”, on atribuudiks href seatud „ javascript:; ”, mis on kohahoidja väärtus, mis ei tee klõpsamisel midagi. Seda kasutatakse sageli siis, kui linki kasutatakse JavaScripti funktsiooni või sündmuse jaoks ja see ei pea kasutajat uuele lehele ümber suunama.
' javascript:; ” on JavaScripti kõige muljetavaldavam funktsioon selle integreerimiseks HTML-i ja CSS-iga. See aitab kutsuda JavaScripti funktsioone HTML-i href või ankursildis.
Näide
Antud näites kuvage pilt praegusel lehel, klõpsates lingil, kasutades ' javascript:; ” atribuudis href, mis ei lase brauseril praeguselt lehelt lahkuda:
< divi id = 'minu pilt' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'päike.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Näita pilti a >
Ülaltoodud koodis:
- Kõigepealt looge HTML-failis element div ja määrake ID ' minu pilt ”.
- Määra href atribuudiks ' javascript:; ja looge img ' elementi kasutades ' looElement() ” meetod.
- ' src ” atribuut näitab pildi teed.
- Hankige HTML-failis pildielemendi viide, et kuvada pilti kasutades ' getElementById() ” meetod.
- Lisage pilt alamelemendina, kasutades nuppu ' appendchild () ” meetod.
Väljund näitab, et lingil klõpsates kuvatakse pilt samal lehel:
Funktsioonile pääsete juurde ka sildil href koos ' javascript:; ” kohatäide:
< divi id = 'minu pilt' > div >< a href = 'javascript:myFunction();' > Klõpsake Mina a >
Määratlege funktsioon ' myFunction() ” märgendis