layui.js如何声明全局变量?

layui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。

layui.js如何声明全局变量?

layui 全局声明变量新写法:可以通过在子页面剪切--链接--的值声明全局变量

父页面的代码:

case 'detail':
                  if (data.length === 0) {
                    layer.msg('请选择一行');
                  } else if ( data[0].projectId ) {
                    parent.layer.open({
                      type: 2,
                      anim:1,
                      title: '查看详情',
                      maxmin: true,
                      area: ['85%', '95%'],
                      content: '/static/views/iframe/project/detail.html?projectId='+data[0].projectId +'&t='+ Date.now(),   //在链接上加入项目id,在子页面截取
                      success: function (layero, index) {  //projectId 在子页面截取,全局使用!
                        var body = parent.layer.getChildFrame('body', index);
                        // body.find('#projectId').val(data[0].projectId)
                      }
                    });
                  }else{
                    layer.msg('请刷新页面,再次操作即可')
                  }
                    break;

子页面的代码

//这段代码通用:

var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      strs = str.split("&");
      for (var i = 0; i < strs.length; i++) {
        theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
      }
    }
    var $proId = theRequest.projectId;  //声明全局项目id

注意:

这段代码放在 layui.use外面

更多web前端知识,请查阅 HTML中文网 !!

以上就是layui.js如何声明全局变量?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Layui 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏