IE7 이하에서 JSON 오브젝트를 지원해주는 방법

Posted by Everyharu
2016. 11. 10. 16:57 IT/Javascript

IE7 을 쓸일은 요즘은 그닥 없을거다.

사실 아예 주요 포탈들도 IE7 지원을 안하기로 마음먹은 경우도 많고 기본적으로 IE8 부터이다.


하지만 종종 IE7 도 지원하게 만들고 싶은경우도 존재한다.

이 때 골치거리중 하나인 JSON object 를  지원하기 위한 방법이다.


우리는 JSON 오브젝트를 지원하지 않는 브라우저를 위해 JSON 객체가 없을경우 별도의 js를 동적으로 호출할 것이다.


https://bestiejs.github.io/json3/


를 호출해 보도록하자.


단지 javascript 코드를 추가해주자.

// JS 불러오기

var loadJs = function (src) {

var headID = document.getElementsByTagName("head")[0];  // 해더 사이에 위치 지정

var jsNode = document.createElement('script'); // 엘리멘터리 생성

jsNode.type = 'text/javascript'; // 속성 지정

jsNode.src = src; // 속성지정

headID.appendChild(jsNode); // 해더사이에 추가

}

if (!document.JSON) {

// IE7 이하에서 JSON object 가 없음

loadJs("http://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js");

}


http://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js 이라고 되있는 부분을 그냥 써도 좋지만

자신의 저장소로 가져와서 불러써도 좋다.