js动态添加js文件，并且得到js里面的变量

Question

我有50多个js文件，我一次性加载是很慢的，我就想动态添加js文件，
每个js文件都是存储数据的，
比如我50个js文件中，都有一个变量var JSDataShow="5";（时间是json格式一大串数据）
第一个问题：如果动态添加js文件
第二个问题：获取添加这个js文件中 JSDataShow这字段的属性JavaScript

Answer 1

动态脚本  
  
function loadScript(url) {  
    var script = document.createElement("script");  
    script.type = "text/javascript";  
    script.src = url;  
    document.body.appendChild(script);  
}  
  
loadScript("client.js");  

Answer 2

刚才用了一下，但是我得不到引入后js的变量啊
第二个问题：获取添加这个js文件中 JSDataShow这字段的属性，这个得不到

Answer 3

发现个问题
 loadScript(JSurl);
                alert(DataName);
                loadScript(JSurl);
我这样写就可以得到那个变啦，如果我把alert去掉就得不到 不知道为啥

Answer 4

发现个问题
 loadScript(JSurl);
                alert(DataName);
                loadScript(JSurl);
我这样写就可以得到那个变啦，如果我把alert去掉就得不到 不知道为啥
执行顺序问题
function loadScript(url,callback) {  
    var script = document.createElement("script");  
    script.type = "text/javascript";  
    script.src = url;  
    document.body.appendChild(script);  
    script.onload = callback;
}  
  
loadScript("client.js",function(){
alert(JSDataShow);
});

Answer 5

发现个问题
 loadScript(JSurl);
                alert(DataName);
                loadScript(JSurl);
我这样写就可以得到那个变啦，如果我把alert去掉就得不到 不知道为啥loadScript(JSurl);只是添加js文件，获得变量在后面获得

Answer 6

发现个问题
 loadScript(JSurl);
                alert(DataName);
                loadScript(JSurl);
我这样写就可以得到那个变啦，如果我把alert去掉就得不到 不知道为啥
执行顺序问题
function loadScript(url,callback) {  
    var script = document.createElement("script");  
    script.type = "text/javascript";  
    script.src = url;  
    document.body.appendChild(script);  
    script.onload = callback;
}  
  
loadScript("client.js",function(){
alert(JSDataShow);
});还是得不到这个变量，页面呈现啦5分钟都没有弹出来，我才一个变啦没有加载这久把

Answer 7

发现个问题
 loadScript(JSurl);
                alert(DataName);
                loadScript(JSurl);
我这样写就可以得到那个变啦，如果我把alert去掉就得不到 不知道为啥loadScript(JSurl);只是添加js文件，获得变量在后面获得我在后面获取不到这个变量，现在的问题就是，怎么在加载这个js文件完毕后再显示

Answer 8

$.getScript("client.js", function(){
  alert(JSDataShow);
});