어린왕자와 여우

이번에 프로젝트를 하면서 크롬을 기준으로 작업을 하였다.

크롬에서 제대로 나오는 화면이 IE7, 8, 9에서 javascript가 제대로 동작하지 않는 경우가
발생했는데, 이에 대해 정리하려고 하며 추후 다른 사항이 있을 시 업데이트하기로 하겠다.



1) [IE7, 8] 변수선언 

보통 javascript에서 변수를 선언할 때 var를 사용하는데 IE7, 8에서는 var를 선언하지 않으면 에러가 난다.

[ERROR]
test = 'test';

[OK]
var test = '';
test = 'test';


2) [IE7] 팝업 시 주소

보통 팝업창에 POST를 하기 위해 아래와 같이 코딩을 했는데 IE7에서 명시적으로 작성해야 한다.

[ERROR]
window.open('', 'test', '[option]');
form.target = 'test';
form.action = 'test.jsp';
form.submit();

[OK]
window.open('about:blank', 'test', '[option]');
form.target = 'test';
form.action = 'test.jsp';
form.submit();


3) [IE7, 8, 9] 팝업 시 파라미터

팝업을 열 때 파라미터를 쓰는 경우, 한글 파라미터가 있을 경우 encode 처리를 안해주면 IE7, 8, 9에서는 아예 동작을 하지 않는다.
또한 타 브라우저도 encode 처리를 해야 원하는 파라미터로 넘어갈 수 있다.

[ERROR]
window.open('test.jsp?name=안녕 하세요', 'test', '[option]');

[OK]
window.open('test.jsp?name=' + encodeComponentURI('안녕 하세요'), 'test', '[option]');