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 검사가 통과안되는 분들은 이제부터 위와 같이 코딩해 보시면 좋겠네요.
출처 : 시리니닷넷
댓글목록
서방님님의 댓글

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