添加src属性到<script>

Adding src attribute to <script>

本文关键字:script src 添加 属性      更新时间:2023-09-26

我有这个:

script_url = 'http://externaldomain.com/script.js'
div_id = 'div'+Math.floor(Math.random() * 1000000);
document.write('<div id="'+div_id+'"><scr'+'ipt id="banner-to-load"></scr'+'ipt></div>')

DOM准备好后,我这样做:

$('#banner-to-load').attr('src',script_url)

现在,script_url添加,但没有发生任何变化。外部脚本有一些功能和document.write,但他们不工作。我如何运行外部脚本?或者如果我运行它里面的document.write将重建我已经编译的DOM?

src属性不是异步加载的。用ajax加载js

$.getScript(); or $.ajax({url:source, dataType: "script"});

看这里http://api.jquery.com/jQuery.getScript/

在添加src之前尝试设置src,并重新检查script_url。

document.write('<div id="'+div_id+'"><script '
  +'id="banner-to-load" src="' + script_url + '"></scr'+'ipt></div>')

Update:或者进行跨域Ajax查询。如果你控制另一个页面,你可以通过设置"Access-Control-Allow-Origin"头来允许跨域查询。

尝试将banner_to_load附加到body对象