Cross Browser

자바스크립트로 HTML Element의 투명도(Opacity)를 조절하는 경우 크로스 브라우저(Cross Browser)를 지원하기 위해 삽질을 하게 된다. 이럴 때 아래 코드를 이용하자 function setOpacity(id, opacity) { var object = id.style; object.opacity = (opacity / 100); object.filter = "alpha(opacity=" + opacity + ")"; object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100); }

웹 페이지에서 컨트롤이나 Element에 이벤트를 추가하기 위해 Cross-browser를 고려해야 한다. 이럴 때 다음과 같이 코드를 작성하면 되겠다. if (window.addEventListener) { window.addEventListener('click', SomeClass.ClickEventMethod , false); } else { window.attachEvent('onclick', SomeClass.ClickEventMethod ); } 특정 타겟 브라우저로 개발을 하더라도 위와 같이 작업하는 습관은 정말 중요할 것 같다.