How to load a script on $(document).ready()

Question

How can I load a JavaScript with this code

<script type="text/javascript" src="http://uads.ir/l.php?s=125125&w=5307cd5c027373e1773c9869"></script>

after page has loaded

$(document).ready(function() 
 {

 });

Is there another way?

score 8 · Accepted Answer · answered Feb 21 '14 at 22:07

8

Try appending the script to the head section: (Working jsFiddle)

$(document).ready(function(){
    $('<script/>',{type:'text/javascript', src:'http://uads.ir/l.php?s=125125&w=5307cd5c027373e1773c9869'}).appendTo('head');
 });

EDIT: I like this syntax better..

answered Feb 21 '14 at 22:07

Yotam Omer

14,510
11
55
61

if i want use it in a sample div i should use $(#sample).apeend ... ?! – user3261715 Feb 21 '14 at 22:12
@user3261715 what is this code meant for? is it a plugin, library, etc? – Yotam Omer Feb 21 '14 at 22:14
no i just use this code on a div advertise area! – user3261715 Feb 21 '14 at 22:25
@user3261715 I'm not really sure I get you.. there's not much meaning to placing a script inside a specific div.. can you give an example of what would the javascript file look like? (now it's blank) – Yotam Omer Feb 21 '14 at 22:43

score 2 · Answer 2 · answered Feb 21 '14 at 22:09

2

I prefer to create the script tag, then its type and src attribs like this:

var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", filename);

Straightforward and semantic.

answered Feb 21 '14 at 22:09

Ben A. Hilleli

582
6
20

score 1 · Answer 3 · answered Feb 21 '14 at 22:07

1

Put your script tags after all of the HTML content.

answered Feb 21 '14 at 22:07

tymeJV

99,730
13
150
152

dana · Answer 4 · 2014-02-21T22:20:35.343

1

By using the ajax() function as follows:

$(document).ready(function() {
    $.ajax({
        url: "http://uads.ir/l.php?s=125125&w=5307cd5c027373e1773c9869",
        dataType: "script",
        cache: true
    });
});

edited Feb 21 '14 at 22:20

answered Feb 21 '14 at 22:10

dana

14,964
4
53
82

score 1 · Answer 5 · answered Feb 21 '14 at 22:47

1

You can use jQuery's getScript() method to achieve this. Documentation here. Usage:

$.getScript( "ajax/test.js", function( data, textStatus, jqxhr ) {
  console.log( data ); // Data returned
  console.log( textStatus ); // Success
  console.log( jqxhr.status ); // 200
  console.log( "Load was performed." );
});

answered Feb 21 '14 at 22:47

Ananthan Unni

1,274
8
19

1

This is what I originally had, but I did a double-check and remembered that this method adds a time-stamp to the URL preventing caching. As such, you need to use the low-level $.ajax() function in order to leverage browser caching. – dana Feb 21 '14 at 23:24

How to load a script on $(document).ready()

5 Answers5