Can we set javascript to load asynchronously with javascript?

Question

Suppose I have this HTML Content:

<html>
<head>
<script src="myscript1.js"></script>
<script src="myscript2.js"></script>
<script src="myscript3.js"></script>
<script src="myscript4.js"></script>
<script src="jquery.js"></script>
</head>
<body>
<!--- CONTENT --->
...
.
.
.
.
.
<!--- CONTENT --->
</body>
</html>

Can I do like this:

<html>
<head>
<script src="myscript1.js"></script>
<script src="myscript2.js"></script>
<script src="myscript3.js"></script>
<script src="myscript4.js"></script>
<script src="jquery.js"></script>
<script>
$(function() {
$("script").attr("async","async");
});
</script>
</head>
<body>
<!--- CONTENT --->
...
.
.
.
.
.
<!--- CONTENT --->
</body>
</html>

Is that valid? And would that actually asynchronously load the javascript or not? :)

Thanks for your time...!

.....................................................................................

Why don't you try it?

Ian
– Ian

2014-03-31 11:43:02 +00:00
Commented Mar 31, 2014 at 11:43 — Ian
– Ian, Commented Mar 31, 2014 at 11:43

Quentin · Accepted Answer · 2014-03-31 11:43:38Z

1

That wouldn't work.

The script element is blocking, so the script to add the asynchronous attribute wouldn't run until all the previous scripts had run, but which time it would be too late.
You've wrapped the script that adds the attribute in a DOM Ready handler, so even if 1 wasn't true, it still wouldn't work.
The attribute is async, not asynchronous

You need to add the (correct) attribute before the script element is added to the DOM.

answered Mar 31, 2014 at 11:43

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

Stefano Ortisi · Accepted Answer · 2014-03-31 11:43:48Z

1

It won't work. As you are printing the script tags BEFORE your jquery code, the browser will load those scripts file before running your code.

answered Mar 31, 2014 at 11:43

Stefano Ortisi

5,3163 gold badges35 silver badges44 bronze badges

2 Comments

mehulmpt Over a year ago

Okay, say I added that before every script. Would that work then?

Stefano Ortisi Over a year ago

No i won't work either, as when you are looking for the script tags with jQuery, the scripts are not printed yet.

Adil Shaikh · Accepted Answer · 2014-03-31 11:43:48Z

0

You can use getScript() to load scripts asynchronously

$.getScript("/path/to/script.js",function(){
  // loaded
});

-----> https://api.jquery.com/jQuery.getScript/

answered Mar 31, 2014 at 11:43

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

Collectives™ on Stack Overflow

Can we set javascript to load asynchronously with javascript?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related