하이퍼 링크를 클릭하여 JavaScript 기능을 호출하면 대부분의 사람들이 사용합니다.
다음과 같이 코드를 복사하십시오. <a href = "javaScript : function ();">
그러나 이것은 단점이 있습니다. 즉 링크를 클릭 한 후 페이지의 GIF 애니메이션은 고정되어 있습니다.
다음 코드를 시도하십시오.
다음과 같이 코드를 복사하십시오. <script type = "text/javaScript">
<!-
함수 foo ()
{
// 무언가를합니다
}
//->
</스크립트>
<img src = "logo.gif" />
<a href = "javaScript : foo ();"> gif 애니메이션을 여전히 만드는 링크 </a>
솔루션 토론 :
다음과 같이 코드를 복사하십시오. <a onclick = "javaScript : foo ();"> link </a>
이번에는 애니메이션 디스플레이에 영향을 미치지 않지만 마우스가 올라가면 마우스와 하이퍼 링크 스타일이 변경되지 않습니다. 스타일 시트는 마우스와 하이퍼 링크 스타일을 변경하는 데 사용될 수 있지만 결국 약간 번거 롭고이 아이디어는 좋지 않습니다.
다음 코드를 다시 확인하십시오.
다음과 같이 코드를 복사하십시오. <a onclick = "javaScript : foo ();" href = "#"> link </a>
링크를 클릭하면 애니메이션 디스플레이에 영향을 미치지 않지만 페이지는 항상 상단으로 스크롤 되며이 효과는 우리가 원하는 것이 아닙니다.
최종 해결책 :
다음과 같이 코드를 복사하십시오. <a onclick = "javaScript : foo (); return false;" href = "#">은 GIF 링크에 영향을 미치지 않습니다 </a>
GIF 이미지 문제를 고려하지 않으면 위의 모든 방법은 정상입니다.