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?

Or if i run it document.write inside will rebuild my already compiled DOM? Yes. — Felix Kling
– Felix Kling, Commented Nov 7, 2011 at 11:57
Have you tried $('#banner-to-load').prop('src',script_url);? — user447356
– user447356, Commented Nov 7, 2011 at 11:58

John · Accepted Answer · 2011-11-07 12:02:43Z

2

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/

answered Nov 7, 2011 at 12:02

John

5572 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

John Over a year ago

Yes, that's a common issue.Make a PHP script to use as a cross domain scripting proxy and load it via ajax

PiTheNumber Over a year ago

Cross domain is no problem. I do it all the time. See my answer.

PiTheNumber · Accepted Answer · 2011-11-07 12:10:57Z

1

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.

edited Nov 7, 2011 at 12:10

answered Nov 7, 2011 at 12:00

PiTheNumber

23.7k17 gold badges114 silver badges191 bronze badges

1 Comment

PiTheNumber Over a year ago

You can also use the Yahoo proxy for cross domain queries: developer.yahoo.com/javascript/howto-proxy.html

Michael Sazonov · Accepted Answer · 2011-11-07 12:00:59Z

1

Try to append the banner_to_load to the body object

answered Nov 7, 2011 at 12:00

Michael Sazonov

1,53311 silver badges21 bronze badges

Collectives™ on Stack Overflow

Adding src attribute to <script>

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related