1. window.onload를 활용하여 자바스크립트는 헤더안에 위치시켜야 한다.
2. 클래스를 활용 마크업하여 자바스크립트 동작을 처러힌다.
ex)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Example</title>
<script type="text/JavaScript">
function prepareLinks(){
var lnks = document.getElementsByTagName("a");
for (var i=0; i<lnks.length; i++) {
if (lnks[i].getAttribute("class") == "popup") {
lnks[i].onclick = function() {
popUp(this.getAttribute("href"));
return false;
}
}
}
}
function popUp(winURL) {
window.open(winURL,"popup","width=1000,height=800");
}
window.onload = prepareLinks;
</script>
</head>
<body>
<a href="http://www.dotbogi.co.kr/" class="popup">돋보기</a>
<a href="http://www.nais.co.kr/" class="popup">남양주시</a>
</body>
</html>
'웹 프로그래밍 > JAVASCRIPT' 카테고리의 다른 글
| 사이먼 윌리슨의 addLoadEvent 함수 (0) | 2010.04.02 |
|---|---|
| 하위 호환성 (0) | 2010.04.02 |
| 단계적 기능축소 (0) | 2010.04.02 |
| firstChild 와 lastChild (0) | 2010.04.02 |
| 요소의 확인 nodeName 프로퍼티 (0) | 2010.04.02 |