'javascript'에 해당되는 글 1건

  1. a 태그에서 href 없이 onclick 어트리뷰트 제대로 사용하기 2

a 태그에서 href 없이 onclick 어트리뷰트 제대로 사용하기

Posted in 웹프로그래밍/Html & script by 알 수 없는 사용자

http://www.serve.co.kr/tv/default.asp

동영상 플레이를 재생하는 태그가 잘못 사용되어진 부분이 있습니다.

a class="SV_point_color1 SV_pointer" onclick="javascript:playVod('','95845','95845','');"

해당 a 태그안에 href가 없다.
onclick으로 javascript 사용을 하고 있는데... 해당 javascript도 한번 보자..

function playVod(wcode, url, ser, isfree)
{
//동영상 플레이전 힛트수 업데이트처리
var url2 = "/tv/tv_count.asp";
var functionName = "";
var strParam = "ser="+ser ;
var strAsync = true;
var returnType = "";
var strDocName = "";
SERVE.Xml.xmlHttp(url2, functionName, strParam, strAsync, returnType, strDocName);

var isSuc = "Y";
if (wcode == 908) { //RTN
// ret = chk_login();
ret = true;
if (ret) {
window.open('','rtn_vod','width=420,height=420,toolbar=no,location=no,menubar=no,scrollbars=auto,resizable=no,top=100,left=100');
} else {
isSuc = "N";
}
//url = url+"&servenm=&serveid=";
document.frmVod.serveid.value = "";
document.frmVod.servenm.value = "";
document.frmVod.target="rtn_vod";
} else {
url = '/news/vod_viewer.asp?ser='+url
window.open('','media_player','width=810,height=520,scrollbars=no,resizable=no');
document.frmVod.target="media_player";
}

if (isSuc == "Y") {
document.frmVod.action = url;
document.frmVod.submit();
}
}

길긴하지만 봐야 할것은 url 파리미터 이겠다.
해당 javascript를 기준으로 a 태그를 올바르게 고쳐보면

a href="/news/vod_viewer.asp?ser=95845" class="SV_point_color1 SV_pointer" onclick="javascript:return playVod('','95845','95845','');"

이렇게 되어야 하겠고. playVod 함수에서는 return false 처리를 해주면 되겠다.

a 태그에 href 있고 없고는 기술적으로는 문제가 안 될 수 있겠으나 SEO(Search Engine Optimizing)에서 보면 많이 달라질 수 있다. 링크가 있느냐 없느냐에 따라서 구글의 pagerank를 고려한다면 노출 우선순위가 달라질 수 있는 것이고. 검색로봇들이 웹페이지를 수집해갈 수 있는 경로가 없다는 것은 해당 컨텐츠가 검색이 안될 수 있다는 것이니까.
이런 작은 태그 하나 하나도 습관이 되는게 좋겠다.

Trackback : Comment