웹 프로그래밍/JAVASCRIPT

하위 호환성

웹 개발자의 비상 2010. 4. 2. 14:28

1. DOM 메소드나 프로퍼티를 해석하지 못하는 구형 브라우져를 위해 특정 스크립트를 동작하지 않게 만들기

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" xml:lang="en">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Example</title>
 <script type="text/JavaScript">
 window.onload = function() {
  if (!document.getElementsByTagName) return false;    //getElementsByTagName 을 이해자지 못하면 자바스크립트를 빠져 나간다.
  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=320,height=480");
 } 
 </script>
</head>

<body>
<a href="http://www.example.com/" class="popup">Example</a>
</body>

</html>


728x90

'웹 프로그래밍 > JAVASCRIPT' 카테고리의 다른 글

nodeName, getAttribute, nodeValue 를 통한 태그확인  (0) 2010.04.02
사이먼 윌리슨의 addLoadEvent 함수  (0) 2010.04.02
스크립트 분리  (0) 2010.04.02
단계적 기능축소  (0) 2010.04.02
firstChild 와 lastChild  (0) 2010.04.02