태그에 href 속성과 onclick 이벤트를 사용하는 방법

이번에는 a 태그의 href 속성과 onclick 이벤트 사용법을 알려드리겠습니다. a 태그의 href 속성과 onclick 이벤트 사용법에 대한 주의사항은 다음과 같습니다. , 살펴 보겠습니다.

a 태그는 주로 href 속성이나 onclick 이벤트를 통해 달성할 수 있는 페이지 이동을 구현하는 데 사용됩니다.

<a onclick="window.location.href=&#39;www.php.cn&#39;" href="javascript:void(0);">PHP中文网</a>

이 코드는 주류 브라우저에서는 문제가 없지만 IE6에서는 점프할 수 없다는 문제가 있습니다. 그 이유는 무엇입니까?

javascript:void(0);

void(arg);는 항상 null을 반환하는 함수로 이해될 수 있지만 해당 매개변수는 비어 있을 수 없습니다. 해당 매개변수는 expression 또는 심지어 함수일 수도 있습니다.

<a href="javascript:void(name = &#39;PHP中文网&#39;); alert(name);">测试</a>

IE6은 먼저 onclick과 같이 DOM 자체에 바인딩된 이벤트를 실행합니다. 버블링이 방지되지 않으면 href 속성이 순차적으로 실행됩니다. 그리고 void(0);는 어떤 이벤트도 실행할 필요가 없으므로 IE6은 브라우저에 어떤 이벤트도 실행하지 말라고 지시하고(이전 작업 덮어쓰기) 버블링을 종료하는 것은 브라우저가 어떤 작업도 실행하지 않도록 하는 것과 같습니다. 따라서 onclick 이벤트 내에서 버블링 이벤트를 중지하십시오.

<a onclick="window.location.href=&#39;http://www.php.cn&#39;;return false;" href="javascript:void(0);">PHP中文网</a>

이렇게 하면 IE6에서 정상적으로 실행될 수 있습니다.

또 다른 방법은 javascript:void(0);를 대신 사용하는 것입니다. 이 방법은 href 속성의 #이 원래 앵커 포인트 #name을 의미하므로, 앵커 포인트가 지정되지 않은 경우에는 페이지 상단이 됩니다. #은 특정한 의미를 가지며, 기본값은 #top입니다. # 뒤에 내용이 있으면 태그로 간주하고 해당 태그를 페이지에서 찾을 수 없으면 해당 태그로 이동합니다. 페이지 상단으로 이동하지 않으려면 ###을 사용하면 됩니다. ###은 의미 없는 라벨 지정입니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

css3에서 점진적인 향상과 우아한 저하를 사용하는 방법

less가 컴파일될 때 CSS3의 계산이 계산되는 경우 문제를 해결하는 방법

H5의 WebGL을 사용하는 방법 3D 가상 컴퓨터실 로밍 애니메이션 구현

위 내용은 태그에 href 속성과 onclick 이벤트를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!