Requirejs data-main 多个页面指向同一个入口js

<script src="../static/js/lib/require.js" data-main="../static/js/script/main" id="moudle" moudle-name ="login"  defer async="true" ></script>

以上为页面中引入requirejs内容

require.config({
    baseUrl:"https://test.com",
    paths:{
        "jquery":"/static/js/lib/jquery",
        "cookie":"/static/js/lib/jquery.cookie",
        "pc_pop":"/static/js/lib/pc_pop",
        "popWindow":"/static/js/lib/popWindow",
        "layer":"/static/js/lib/layer/layer",
        "examservice":"/static/js/script/examservice",
        "commonjs":"/static/js/script/commonjs",
        "login":"/static/js/script/login",
        "infoSure":"/static/js/script/infoSure",
        "sign":"/static/js/script/sign",
        "agreement":"/static/js/script/agreement",
        "exam":"/static/js/script/exam"
    },
    shim:{

    }
});

/**
 * 不同页面回调执行不同内容
 */
require(["jquery"], function ($) {
        var moudleName = $("#moudle").attr("moudle-name");
        if (moudleName) {
            $(function () {
                require([moudleName], function (objRQ) {
                  switch (moudleName) {
                      case 'login':
                          objRQ.login.fieldArr = ["ticketNum"];
                          objRQ.login.eleObj.loginBtn = "loginBtn";
                          objRQ.login.eleObj.testCameraBtn = "testCamera";
                          objRQ.login._init(sessionStorage.getItem("matchId"));//表单用户信息
                          break;
                      case 'infoSure':
                          objRQ.infoSure._init();
                          break;
                      case 'sign':
                          objRQ.sign._init();
                          break;
                      case 'agreement':
                          objRQ.examAgreement._init(sessionStorage.getItem("matchId"),{
                              beginBtn:"startBtn",//开始考试按钮,默认是disabled
                              agreementBtn:"agreementBtn",
                              HH:"HH",//显示倒计时的小时span
                              MM:"MM",//显示倒计时的分钟span
                              SS:"SS"//显示倒计时的秒span
                          });
                          break;
                      case 'exam':
                          objRQ.exam.maxRandom = 2;
                          objRQ.exam._init(12);
                          break;
                  }
                });
            });
            return;
        }
});

以上为入口main.js中动态获取script标签id属性,然后根据不同模块初始化不同内容

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

heroleader

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值