动态加载javascript src
我有如下javascript代码:动态加载javascript src,javascript,jquery,Javascript,Jquery,我有如下javascript代码: <script type="text/javascript" src="https://secure.echosign.com/public/widget?f=8KX2X55PXF274A" ></script> 在运行时添加到div中的脚本如下: var script = document.createElement("script"); script.setAttribute("type", "text/javascript");
<script type="text/javascript"
src="https://secure.echosign.com/public/widget?f=8KX2X55PXF274A"
></script>
在运行时添加到div
中的脚本如下:
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", src);
var div = document.getElementById("dialog");
div.appendChild(script);
<script type="text/javascript"
src="https://secure.echosign.com/public/widget?f=8JWIPSI2G2T2FG"></script>
但此javascript代码不会在运行时执行/加载。它的
src
指向第三方内容。我昨天也回答了类似的问题。我想你在找这样的东西
window.onload = function() {
alert('Page Loaded. Loading script now ....');
var url = 'https://secure.echosign.com/public/widget?f=8KX2X55PXF274A';
loadScript(url, callback)
}
var callback = function() {
alert('Script Loaded !');
}
function loadScript(url, callback){
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState){ //IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" ||
script.readyState == "complete"){
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function(){
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}
JsFiddle:
如果您想动态加载多个脚本,请阅读此链接您实际上想在此处实现什么?如果脚本已加载,则无需再次加载?它所在的部门也不起作用。你为什么要把它放在这个dic里?通常javscript文件要么加载在头部,要么作为正文中的最后一个元素。你确定
src
是正确的,并且dialog
div存在吗?为什么要再次创建相同的脚本?它的javascript
不是jqrey
(页面是用jqyery这样加载的)具有指向adobe echo符号并返回iframe的src的脚本。但是它没有在运行时加载,如果用户将此脚本添加到我的html(硬编码)并刷新页面,它会从adobe重新加载数据,但这样不会显示任何内容。“dialog”是一个div,我将它显示为弹出窗口。