Ano ang Ginagawa ng href Expression

Ano Ang Ginagawa Ng Href Expression



Habang bumubuo ng mga website, ang mga developer ay gumagawa ng maraming page para sa iba't ibang functionality, tulad ng pag-redirect ng mga user mula sa isang page patungo sa isa pa sa pamamagitan ng pag-click sa isang button o anumang link. Ngunit kung minsan, hindi gusto ng mga developer ang link para sa pag-redirect ng user sa isang bagong page. Sa kasong iyon, gamitin ang ' javascript:; ” bilang halaga ng href sa href tag. Pinipigilan nito ang browser mula sa pag-navigate palayo sa kasalukuyang pahina.

Tatalakayin ng blog na ito ang mga functionality ng nakasaad na href expression na ' '.

Ano ang Ginagawa ng href Expression na ' '?

Ang katangiang href sa isang HTML “ Karaniwang tinutukoy ng tag na ” ang URL o web page kung saan nakadirekta ang link.







Sa kaso ng ' javascript:; ” ay ang pinaka-kahanga-hangang tampok ng JavaScript upang isama ito sa HTML at CSS. Nakakatulong itong tawagan ang mga function ng JavaScript sa isang HTML href o anchor tag.



Halimbawa

Sa ibinigay na halimbawa, ipakita ang larawan sa kasalukuyang pahina sa pamamagitan ng pag-click sa link gamit ang ' javascript:; ” sa href attribute na pipigil sa browser na umalis sa kasalukuyang page:





< div id = 'myImage' > div >

< isang href = 'javascript: img = document.createElement('img');

img.src = 'sun.jpg';

src = document.getElementById('myImg');

src.appendChild(img);'
> Ipakita ang Larawan a >

Sa code sa itaas:

  • Una, lumikha ng isang div elemento sa HTML file, at magtalaga ng id ' myImg ”.
  • Itakda ang href attribute sa “ javascript:; 'at lumikha ng isang' img 'elemento na gumagamit ng ' createElement() ” paraan.
  • Ang ' src ” attribute ay magsasaad ng landas ng imahe.
  • Kunin ang sanggunian ng elemento ng imahe sa HTML file upang ipakita ang larawan gamit ang “ getElementById() ” paraan.
  • Idagdag ang larawan bilang child element gamit ang “ appendchild() ” paraan.

Ang output ay nagpapahiwatig na ang imahe ay ipapakita sa parehong pahina habang nag-click sa link:



Maaari mo ring i-access ang function sa href tag na may ' javascript:; ” placeholder:

< div id = 'myImage' > div >

< isang href = 'javascript:myFunction();' > Pindutin mo ako a >

Tukuyin ang isang function ' myFunction() ” sa