Question

我有2个JS文件。如何在第一个JS文件加载完之后，使第二个JS文件只运行？有没有办法明确设置这个？

Answer 1

根据这个答案How do I load a javascript file dynamically?

您可以从第一个文件动态加载第二个文件。通过这种方式，您可以确保第一个完全加载。

  // DOM: Create the script element
var jsElm = document.createElement("script");
// set the type attribute
jsElm.type = "application/javascript";
// make the script element load file
jsElm.src = file;
// finally insert the element to the body element in order to load the script
document.body.appendChild(jsElm);

Answer 2

鉴于你有两个js

<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>

2.js

document.getElementById("btn").onclick = function(){
    fn1();
}

1.js

function fn1(){
 alert("external fn clicked");
}

OR

1.js：

function fn(){
   alert("Hello! HAPPY CODING");
}

2.js：

$.getscript("1.js",function(){
fn();
});

希望这有助于......

我有2个JS文件。在第一个JS文件加载完成后，如何使第二个JS文件只运行*？

2 个答案: