본문 바로가기

'.' Programs/JavaScript

[Javascript] IE8 이하에서 substr 함수 사용 시 이미지 안나올경우..

substr 로 문자열을 추출해 이미지 경로를 설정해 놨는데 크롬이나, 파폭, 기타 웹 브라우저에서는 
잘 동작하던게 유독히 ie8 이하 버전에서 제대로 된 경로를 찾이 못하고 엑스박스를 나타내던 버그가 있었다. 

문제가 됐던건 substr 함수 사용 시 일반적으로 문자열의 뒷부분을 추출할경우 - 값을 설정해서 가져오게 되는데
ie 에서는 -값을 인식하지 못했던 거다.

예)  pet2r.jpg 에서 2를 추출하고 싶을 경우.

- 크롬,파폭 등등 -

var a = "Welcome_pet2r.jpg";

aa = a.substr(-6,1);

Output : 2



- IE 8 이하 버전 -

var a = " Welcome_ pet2r.jpg";

aa = a.substr(-6,1);

Output : p

이런 경우가 발생한다. 


해결 방법 :

var a =  " Welcome_ pet2r.jpg"; 

aa = a.substr(a.length-6,1);

Output : 2


해결! ^^