reddit의 버튼을 비동기로 만듭니다.

Question

내 사이트에 Reddit 버튼을 추가하려하지만 비동기 적이 지 않으며 Reddit이 지연되어 페이지로드 속도가 늦어지는 경향이 있습니다. 내가 스크립트가 반환하는 것을 볼 때, 나는 이런 식으로 뭔가를 얻을 :

(function() { 
    var write_string = ... 
    document.write(write_string); 
})() 

내가 페이지로드 후 내 페이지에 주입하려고합니다. 나는 아무 소용 페이지로드 후 자바 스크립트에서이 두 가지 방법을 시도했다 : placeholder는 DOM 요소 <div class="reddit-button"></div>입니다

placeholder.innerHTML = '<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=5"></script>' 

var js = document.createElement('script'); 
js.type = 'text/javascript'; 
js.src = 'http://www.reddit.com/buttonlite.js?i=5'; 
placeholder.appendChild(js); 

. 내가 어떻게 이것에 대해 갈 수 있는지에 대한 아이디어? 외부 코드가가 원하고 당신이 당신의 문서에 적절한 위치에 HTML을 밀어만큼 document.write 호출 할 수 있습니다

window.onload = function() { 
    var oScript = document.createElement("script"); 
    document.write = function(text) { 
     document.getElementById("placeholder").innerHTML += text; 
    }; 
    oScript.src = "http://www.reddit.com/buttonlite.js?i=0"; 
    document.body.appendChild(oScript); 
}; 

이 방법 :

Answer 1

당신은 document.write 방법을 "무시"할 수 있습니다.

Live test case - Chrome, Firefox 및 IE9에서 테스트되었으므로 충분해야합니다.