异步加载使用document.write向页面添加可视元素的第三方javascript
我维护一些捐赠表格，其中包括GeoTrust SSL“智能图标”。这是通过在要显示印章的文档中包含脚本引用生成的：异步加载使用document.write向页面添加可视元素的第三方javascript,javascript,asynchronous,document.write,Javascript,Asynchronous,Document.write,我维护一些捐赠表格，其中包括GeoTrust SSL“智能图标”。这是通过在要显示印章的文档中包含脚本引用生成的： <script type="text/javascript" src="//smarticon.geotrust.com/si.js"></script> 他们的脚本显然是在执行document.write（），如果/当geotrust运行缓慢时，它会在几秒钟内阻止我的捐赠表单的呈现 由于document.write（）的原因，我无法使用'async'
<script type="text/javascript" src="//smarticon.geotrust.com/si.js"></script>
<div id="vs_seal"></div>
<script type="text/javascript">
r(function() {
var div = document.getElementById('vs_seal');
writebackup = document.write;
document.write = function(markup) {
div.innerHTML = markup;
document.write = writebackup;
}
var script= document.createElement('script');
script.type= 'text/javascript';
script.src= '//smarticon.geotrust.com/si.js';
document.body.appendChild(script);
});
function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}
</script>
r（函数（）{
var div=document.getElementById（'vs_seal'）；
writebackup=document.write；
document.write=函数（标记）{
div.innerHTML=标记；
document.write=写回备份；
}
var script=document.createElement（'script'）；
script.type='text/javascript'；
script.src='//smarticon.geotrust.com/si.js'；
document.body.appendChild（脚本）；
});
函数r（f）{/in/.test（document.readyState）？setTimeout（'r（'+f+'），9）：f（）}
- 写div
- 等待dom准备就绪（最后一行）
- 将document.write保存为变量
- 重写document.write以将输出插入到div中
- 通过appendChild动态加载脚本
- 当脚本调用被重写的document.write时，重写的最后一行是将document.write重置为原始版本（我将其保存为变量）
<style>#vs_seal iframe{border:0 none;}</style>
<div id="vs_seal"></div>
<script type="text/javascript">
r(function() {
var div = document.getElementById('vs_seal');
var iframe = document.createElement('iframe');
iframe.width = 118;
iframe.height = 55;
iframe.frameborder = 0;
iframe.scrolling = "no";
iframe.seamless = "true";
iframe.src = 'about:blank';
var content = '<!DOCTYPE html>'
+ '<head><title>Dynamic iframe</title>'
+ '<style>body{margin:0;padding:0;border:0;}</style></head>'
+ '<body><script type="text/javascript" src="//smarticon.geotrust.com/si.js">'
+ '<\/script><\/body><\/html>';
div.appendChild(iframe);
iframe.contentWindow.document.open('text/html', 'replace');
iframe.contentWindow.document.write(content);
iframe.contentWindow.document.close();
});
function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}
</script>
#vs#u seal iframe{border:0 none；}
r（函数（）{
var div=document.getElementById（'vs_seal'）；
var iframe=document.createElement（'iframe'）；
iframe.width=118；
iframe.height=55；
iframe.frameborder=0；
iframe.scrolling=“否”；
iframe.seamble=“true”；
iframe.src='about:blank'；
变量内容=“”
+“动态iframe”
+'正文{margin:0；padding:0；border:0；}'
+ ''
+ '';
子类附件（iframe）；
iframe.contentWindow.document.open（'text/html'，'replace'）；
iframe.contentWindow.document.write（内容）；
iframe.contentWindow.document.close（）；
});
函数r（f）{/in/.test（document.readyState）？setTimeout（'r（'+f+'），9）：f（）}
谢谢你的评论和建议 如果它是唯一需要document.write（）的脚本，那么在出现更好的脚本之前应该可以。“我当然不能编辑或重写GeoTrust的javascript”当然可以，下载js文件，重写它以使用document.write以外的其他东西，并将新的js文件上载到您的服务器，并链接到该js文件，而不是GeoTrust服务器上的js文件。Patrick，由于GeoTrust脚本的目的是提供SSL验证，因此重写和本地托管将不是一个选项。如果脚本使用
document.writedocument.write（）document.write（）document.write（）