[html] a href 쓸 때 주의할것


작성자 : 김민석 ( lemonfish at g m a i l dot com )

예전에 한번 비슷한걸 포스팅한 기억이 나는데 앵커 태그를 다른 목적으로 사용할 때 조심해야할 것이 있다.

href 속성에 javascript 프로토콜로 무슨짓을 한다던가 파일다운로드를 건다던가 할 경우 해당 동작을 수행한 후 페이지 자체가 먹통이 되는 경우가 있다. 이것은 브라우저마다 증상이 다를 수 있으나. 원인을 설명하자면 이렇다. 원래 a 태그는 다른 페이지에 대한 링크로 동작하도록 되어 있어서 (물론 내부링크도 있다만은) a 태그가 클릭되었을 때 브라우저는 아~ 다른 페이지로 가는구나 하고현재 페이지를 unload 해버리는 것이다. 오! 이런! 그럴생각이 아니였는데 라고 해봐야 소용없고 다른 페이지로 가는거 아니니까. 잠자코 있으라 라는걸 알려줘야 된다.

예를 들어 보자

<a href="/some/where/over/the/rainbow.zip">다운로드</a>

위와 같은 코드가 있다면 당장 아래와 같이 바꿔라.

<a href="javascript:void(0)" onclick="어쩌고저쩌고">다운로드</a>

javascript 프로토콜에 대해 설명한 글에 써놨듯이 리턴값은 항상 void 로 해주는게 좋다.

by killy | 2008/09/08 19:22 | 마크업 | 트랙백 | 덧글(0)

트랙백 주소 : http://lemonfish.egloos.com/tb/4601600
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]

:         :

:

비공개 덧글

◀ 이전 페이지          다음 페이지 ▶


rss

skin by FreeCssTemplates