집 >웹 프론트엔드 >HTML 튜토리얼 >태그 href 속성 및 onclick 이벤트를 사용하는 방법

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

php中世界最好的语言원래의: 2018-01-25 11:21:392454검색

이번에는 a tag href 속성과 onclick event 사용법과 a tag href 속성과 onclick 이벤트 사용 시 주의사항에 대해 알려드리겠습니다. 바라보다.

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

<a onclick="window.location.href=&#39;www.jb51.net&#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>

Test

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

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

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

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

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