yepnope - How to check if an asynchronously loaded script has finished loading in javascript - Stack Overflow

admin管理员组

文章数量:1312774

Using javascript to asynchronously download another javascript file.

I understand that this can be done by inserting a new script tag onto the page with the src attribute set to the file url.

I also need to run some code when the script is finished downloading. I've been using yepnope for this and they provide "callbacks" that execute when the script has finished downloading and executing.

How is this acplished?

Thanks!

Using javascript to asynchronously download another javascript file.

I understand that this can be done by inserting a new script tag onto the page with the src attribute set to the file url.

I also need to run some code when the script is finished downloading. I've been using yepnope for this and they provide "callbacks" that execute when the script has finished downloading and executing.

How is this acplished?

Thanks!

• javascript
• yepnope
• dynamic-script-loading

Share Improve this question Follow asked Aug 24, 2012 at 19:43 Chris DutrowChris Dutrow 50.4k6767 gold badges195195 silver badges262262 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

Most JS loaders do this via injecting an <script> tag to the DOM, and binding its onload event to your provided function.

yepnope uses the same approach, and you may simply observe that from its source code. The function injectJs creates a DOM element using doc.createElement, sets src and other needed attributes using setAttribute, binds the onreadystatechange & onload event to the provided callback, and finally inserts the element into the document.

yepnope.injectJs( scriptSource [, callback ] [, elemAttributes ] [, timeout ]); Straight off their website: You simply run the code you need to in the successful callback like so.

// Example
yepnope.injectJs("jquery.js", function () {
  console.log("It is finished loading and I can do whatever I need to here");
}, { charset: "utf-8" }, 5000);

this can be done using jquery, if u want to use it, Jquery.getScript()

checkout the link it gives detail information about it.

本文标签： yepnopeHow to check if an asynchronously loaded script has finished loading in javascriptStack Overflow