IE8의 자바 스크립트 괴짜, document.write 문제

Question

google plus 코드를이 방법으로 사용하는 것이 IE8이나 다른 버전에서 작동하지 않는 이유는 무엇입니까? 그래도 파이어 폭스에서 잘 작동합니다.

라이브 데모 : http://jsfiddle.net/9zqsZ/

<script> 

var socialString = '<g:plusone size="tall"></g:plusone>'; 
document.write(socialString); 

    //google plus share button 
    (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 

</script> 

난 그냥 외부 파일에 넣어 노력하고 있어요. 이상한 것은 document.write에서 작동하지 않고 html에 직접 배치되는 경우에만 작동한다는 것입니다. 이 경우 어떻게 구현합니까?

Answer 1

당신은 무언가 같이 할 수있는 :

<script> 
    if (navigator.appVersion.indexOf("MSIE") != -1) { 
     var socialString = '<g:plusone size="tall"></g:plusone>'; 
     var newEle = document.createElement(socialString); 
     document.body.appendChild(newEle); 
    } 
    else { 
     var socialString = '<g:plusone size="tall"></g:plusone>'; 
     document.write(socialString); 
    } 

    //google plus share button 
    (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 
</script>