zoukankan      html  css  js  c++  java
  • 不使用<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文件共用全局作用域,作用域中变量名方法名可能被覆盖

  • 相关阅读:
    MYSQL查询和插入数据的流程是怎样的
    Nacos服务心跳和健康检查源码介绍
    Nacos使用和注册部分源码介绍
    实用程序包utils
    SOLID原则
    前端实用程序包utils
    实现 strStr()
    记一次华为机试
    十分钟入门 Python 教程
    字符串转换整数 (atoi)
  • 原文地址:https://www.cnblogs.com/huangjinliang/p/5806382.html
Copyright © 2011-2022 走看看