태그 href 속성 및 onclick 이벤트 사용 example_HTML/Xhtml_web 페이지 제작

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

코드 복사

코드는 다음과 같습니다.

스크립트 홈

이 코드는 일반 브라우저에서 사용할 수 있습니다. 아니요 문제는 있지만 IE6 이하에서는 점프할 수 없는 문제가 있을 것입니다. 그 이유는 무엇입니까?

코드 복사

코드는 다음과 같습니다.

javascript:void(0) ;

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

코드 복사

코드는 다음과 같습니다.

테스트

테스트

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

코드 복사

코드는 다음과 같습니다.

스크립트 홈

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

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