我正试图将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);
其中CCD_ 1是DOM元素CCD_。关于我该怎么做,有什么想法吗?
您可以"覆盖"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推送到文档中的适当位置。
实时测试用例-在Chrome、Firefox和IE9下测试正常,所以我想这应该足够了。