Fatal编程技术网
  • javascript/
  • Javascript 制作reddit'；s按钮异步

Javascript 制作reddit'；s按钮异步

javascript

Javascript 制作reddit'；s按钮异步,javascript,reddit,Javascript,Reddit,我正试图将Reddit按钮添加到我的站点，但它们不是异步的，Reddit往往会滞后，从而降低页面加载速度。当我查看脚本返回的内容时，我得到如下结果： (function () { var write_string = ... document.write(write_string); })() 我尝试在页面加载后将其注入页面。在页面加载后，我在javascript中尝试了这两种方法，但均无效： placeholder.innerHTML = '<script type="

我正试图将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.innerHTML=''
var js=document.createElement（'script'）；
js.type='text/javascript'；
js.src=http://www.reddit.com/buttonlite.js?i=5';
占位符.appendChild（js）；
其中，
占位符
是一个DOM元素
。有什么想法吗？

您可以“覆盖”
文档。编写
方法：


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


通过这种方式，外部代码可以调用
文档。尽可能多地编写
，然后将HTML推送到文档中的适当位置

-在Chrome、Firefox和IE9下测试正常，所以我猜应该足够了