10.添加script标签，判断onload是否完成

1. class Tools
2. {
3. static loadScript(url, callback)
4. {
5. let old_script = document.getElementById(url);
6. if (old_script)
7. {
8. if (old_script.ready == true)
9. {
10. // console.log("INFO:already load:" + url);
11. callback();
12. return;
13. }
14. else
15. {
16. document.body.removeChild(old_script);
17. // console.log("INFO:remove an old script that not ready:" + url);
18. }
19. }
20. let script = document.createElement('script');
21. script.id = url;
22. script.src = url;
23. script.onload = script.onreadystatechange = function() {
24. if (script.ready) {
25. return false;
26. }
27. if (!script.readyState //这是FF的判断语句，因为ff下没有readyState这个值，IE的readyState肯定有值
28. || script.readyState == "loaded" || script.readyState == 'complete' // 这是IE的判断语句
29. ) {
30. // console.log("INFO:load:" + url);
31. script.ready = true;
32. callback();
33. }
34. };
35. document.body.appendChild(script);
36. }
37. //synchronization
38. //同步加载多个脚本
39. static syncLoadScripts(scripts, callback)
40. {
41. var ok = 0;
42. var loadScript = function(url) {
43. Tools.loadScript(url, function(){
44. ok++;
45. // console.log("init:" + url)
46. if (ok == scripts.length) {
47. callback();
48. }
49. else {
50. loadScript(scripts[ok])
51. }
52. })
53. }
54. loadScript(scripts[0]);
55. }
56. //asynchronization
57. //异步加载多个脚本
58. static asyncLoadScripts(scripts, callback)
59. {
60. var ok = 0;
61. for (var i=0; i < scripts.length; i++) {
62. Tools.loadScript(scripts[i], function() {
63. console.log(scripts[ok])
64. ok++;
65. if (ok==scripts.length)
66. {
67. callback();
68. }
69. })
70. }
71. }
72. }
73. export default Tools;