使reddit的按钮异步

Question

我试图将Reddit按钮添加到我的网站，但它们不是异步的，并且Reddit往往滞后，减慢了页面加载速度。当我看到剧本返回什么，我得到的是这样的：

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

我尝试了页面加载后，将其注入到我的网页。我页面加载后，试图在JavaScript这两种方法都无济于事：

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); 

其中placeholder是一个DOM元素<div class="reddit-button"></div>。关于如何去做这件事的任何想法？

Answer 1

可以“覆盖”的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); 
}; 

通过这种方式，外部代码可以调用document.write，因为它要和你推到HTML的适当位置文档中为多。

Live test case - 在Chrome，Firefox和IE9下测试OK，所以猜测它应该足够了。