如何动态加载将 Flash 视频内容嵌入 div 的脚本标签答案

【问题标题】：How to dynamically load a script tag that embeds flash video contents into div如何动态加载将 Flash 视频内容嵌入 div 的脚本标签
【发布时间】：2012-10-10 05:17:09
【问题描述】：

我正在开发的平台需要动态加载嵌入 Flash 视频到指定 div 的 Javascript 文件。我们将称 div id 为“目标”。 Javascript 文件已正确附加到 div 中。但是 Flash 视频内容不会加载。如何确保在加载文档后执行嵌入脚本？

var div = document.getElementById("target");
var newScript = document.createElement("script");
newScript.setAttribute("type","text/javascript");
newScript.setAttribute("src","http://www.go.url");
div.appendChild(newScript);

【问题讨论】：

标签： flash dynamic append

【解决方案1】：

从文档中监听加载事件然后加载你的脚本：

function loadJS() {
    var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true;
    s.src = '//www.goraceday.com/embed/14/1651/';
    var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
}
if (window.addEventListener) window.addEventListener('DOMContentLoaded', loadJS, false);
else if (window.attachEvent) window.attachEvent('onload', loadJS);

【讨论】：