相思资源网 Design By www.200059.com
方法一:原生
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); });
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.js">方法三:require.js
require.js分享2.1.1版本,注意是针对大项目使用,一边情况下使用jquery即可。
index.html
<!--设置入口文件main 可以省略js-->
<script data-main="main" src="/UploadFiles/2021-04-02/require.js">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文件共用全局作用域,作用域中变量名方法名可能被覆盖
标签:
script,加载,js
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无不使用script导入js文件的几种方法的评论...