从Javascript里面调用Javascript

Question

Currently I am using three external JS file.

<script src="https://code.jquery.com/jquery-2.0.0.min.js" type="text/javascript"></script> 
<script src="http://example.com/jquery.cookie.js" type="text/javascript"></script>
<script src="http://example.com/js.cookie.js" type="text/javascript"></script> 

I like to make all three JS file in one.

Do it possible. i create aio.js and inside aio.js

src="https://code.jquery.com/jquery-2.0.0.min.js";
src="http://example.com/jquery.cookie.js";
src="http://example.com/js.cookie.js";

And then i will add

<script src="http://example.com/aio.js" type="text/javascript"></script>

So the Single File aio.js call all the 3 files.

Thanks in advance.

Answer 1

Here is the Live example..

var element1 = document.createElement("script");
element1.src = "https://code.jquery.com/jquery-2.0.0.min.js";
document.body.appendChild(element1);
console.log(element1)

For you :

Put this code in your http://example.com/aio.js file

window.onload = function() {
   var element1 = document.createElement("script");
   element1.src = "https://code.jquery.com/jquery-2.0.0.min.js";
   document.body.appendChild(element1);

   var element2 = document.createElement("script");
   element2.src = "http://example.com/jquery.cookie.js";
   document.body.appendChild(element2);

   var element3 = document.createElement("script");
   element3.src = "http://example.com/js.cookie.js";
   document.body.appendChild(element3);
}

And in your html file..

<script src="http://example.com/aio.js" type="text/javascript"></script>

</div>