Adding src attribute to <script>

Question

I have this:

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>')

After DOM is ready i do this:

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

Now, script_url appended, but nothing happens. External script has some functions and document.write , but they don't work. How can i run external script? Or if i run it document.write inside will rebuild my already compiled DOM?

Answer 1

The src attribute is not loaded asynchronously. Load your js with ajax

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

Have a look here http://api.jquery.com/jQuery.getScript/

Answer 2

Try setting src before you add it and recheck your script_url.

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

Update : Or make a cross domain Ajax Query. If you control the other page you can allow cross domain queries by setting the " Access-Control-Allow-Origin " header.

Answer 3

尝试将banner_to_load附加到body对象