자바 스크립트의 get/setAttribute로 티스토리 모바일에서 새 창 뜨기를 막는 법

링크를 a 태그로 걸어 target을 지정할 수 있습니다. 보통 새 창으로 뜰 수 있도록 target='_blank' 속성을 걸어 주고 있습니다만, 이것이 모바일 환경에서는 불편합니다. 데스크탑처럼 넓은 화면이라면 모르겠지만 아무리 탭으로 구동되는 모바일 브라우저 환경이라 하더라도 그것은 불편함을 가져올 수 있습니다. 그래서 모바일 환경에서는 a 태그에 target='_blank'를 풀어 새 창으로 뜨지 않도록 하는 자바 스크립트를 소개하고자 합니다.

티스토리 모바일에서 새 창으로 뜨지 않게 하는 자바 스크립트

2013/01/08 - 자바스크립트로 티스토리 모바일에 광고 넣기
2013/01/08 - 티스토리 모바일에 스타일을 적용하여 꾸며보자

(function() { if(location.href.split('/')[3]=='m') { var i; var a_tag=document.getElementsByTagName('a'); for(i=0;i<a_tag.length ;i++) { if(a_tag[i].getAttribute('target')=="_blank") { a_tag[i].setAttribute('target','_self'); } } } })();>

저번에 다른 글에서 소개한 것처럼 티스토리 모바일이 http://[블로그 주소]/m으로 구성되어 있는 것을 이용하는 방법입니다. 그것을 그대로 이용하여 본문 안에 있는 a 태그의 target='_blank'를 target='_self'로 바꾸어 새 창으로 뜨지 않도록 하는 방법입니다. getAttribute()로 속성을 찾은 다음 setAttribute()로 속성을 변경하는 방법을 이용하고 있습니다.