a 태그에 자바스크립트 링크를 걸 때엔 > web20

본문 바로가기

web20

a 태그에 자바스크립트 링크를 걸 때엔

작성일 07-06-19 17:57

페이지 정보

작성자서방님 조회 133회 댓글 1건

본문

우리가 보통 어떤 걸 클릭할 때 자바스크립트를 사용하도록 하려면

<a href="javascript:~~~~~">

위처럼 자주 합니다. 위와 같이 하게 될 경우 onclick 등의 부차적인 걸
안써도 되니 편하죠. 그러나 자바스크립트가 지원되지 않을 경우를 위해서
이제부터는 조금 귀찮더라도 아래와 같이 해 봅시다.

<a href="#" onclick="someFunction();">

자바스크립트가 지원되지 않을 경우엔 그냥 페이지 상단으로 가게 될 겁니다.
사실 자바스크립트 의존문제는 쉽지가 않아요. 특히나 AJAX 로 대표되는
비동기 자바스크립트의 활용에도 접근문제가 항상 도사리고 있습니다.

자바스크립트를 페이지에 넣을 때에는 되도록 head ~ /head 사이에
넣도록 하고 있습니다. 게시판 프로그램 등의 경우엔 부득이 다른 위치에
넣는 경우가 있는데 GR보드는 주로 페이지 하단에 별도 .js 파일로
넣어두고 있습니다.

어떤 게 더 좋은지는 모르겠지만 이왕이면 자바스크립트 함수들은 별도
페이지에 모아두시고, 되도록 head ~~ /head 사이에 넣어주시면 좋겠죠.
또한 페이지 내에서 자바스크립트를 작성할 경우에는 아래와 같이 해주시면
좋을 것 같습니다. 특히 vaild 검사를 하실 분들은 참고하시면 좋겠네요.

<script type="text/javascript">
//<![CDATA[
....
....
....
//]]>
</script>

위에서 주석으로 된 부분은 vaild 검사에서 그 사이에 포함된 스크립트 검사를
그냥 통과시켜주도록 합니다. 사실 별 의미는 없는 거지만 자바스크립트 때문에
vaild 검사가 통과안되는 분들은 이제부터 위와 같이 코딩해 보시면 좋겠네요.

출처 : 시리니닷넷

댓글목록

서방님님의 댓글

profile_image 서방님
작성일

<P>저는 앵커에 href 속성을 넣지 않습니다.</P>
<P>&lt;a onclick="someFunction();" style="cursor:pointer;"&gt;<BR>이렇게 쓰지요.</P>
<P>href 속성에 # 을 넣으면 경우에 따라선 불편할 수도 있기 때문입니다.</P>
<P>===========================================================================</P>
<P>href="#" 요넘을 넣게 되면.. history에 남게 됩니다. ajax로 작성했을경우 난감한 상황이 연출되더군요. 그래서 대부분 href="javascript:"를 쓰고 있습니다. 솔직히 ajax를 쓸상황이니. javascript이 없으면 애초에 작동이 안될테니. 무시하고 써버렸습니다. 차라리 &lt;a onClick=" style="cusor:pointer;"&gt;이렇게 하면 history에 안남을것 같네요..</P>
<P>===========================================================================</P>
<P>모질라에선 그리 문제 없지만 익스플로러에선 스타일 시트로 지정한 :hover등이 적용 않되더군요.<BR>전 href="#"을 넣되 onclick="func(); return false;" 를 합니다.<BR>그렇게 되면 클릭한 이벤트가 무효화 되어서 상단으로 이동도 않되고 히스토리에 남지 않더군요.<BR></P>

전체 25건 2 페이지
게시물 검색
Copyright © 서방님.kr All rights reserved.
PC 버전으로 보기