不使用<script>导入js文件

 

 

方法一:原生

　adc.js

　 var hello = "H9"; 

　　html.html

　　<script>
            var s = document.createElement("script");
            s.src = "abc.js";
            document.head.appendChild(s);
            s.addEventListener("load",function(){
                // 等待s的load事件加载完响应，防止未加载完就调用出错
                console.log(hello);
            })

            setTimeout(function(){//或者使用定时器保证其载入完后调用（不安全，不如监听事件好）
                console.log(hello);
            },1000);
           $.getScript("abc.js");
    </script>

 

方法二：jquery.js

　　 $.getScript("abc.js",function(){ alert("heheheh"); console.log(hello); }); 

 

方法三：require.js   

https://yunpan.cn/cMxuJIZhC6CTf  访问密码 ea9b    require.js分享2.1.1版本

　　index.html

 <!--设置入口文件main 可以省略js--> <script data-main="main" src="require.js"></script> 

　　main.js

console.log("你好世界");
require(["js1","js2","js3"],function () {
    // 是异步加载导入。js后缀可以省略
    console.log("你们加载完了么？");
    var total = num1+num2+num3;
    console.log(total);
    hello1();
    hello2();
    hello3();
})

 使用requireJs可以很方便的导入js文件，但是要注意js文件中变量名方法名冲突的问题。  产生原因：浏览器js文件共用全局作用域，作用域中变量名方法名可能被覆盖