首页 >web前端 >Layui教程 >layui.js 如何声明全局变量

layui.js 如何声明全局变量

藏色散人
藏色散人原创
2020-12-04 09:45:255156浏览

layui.js全局变量的声明方法:首先打开父页面和子页面代码;然后通过在子页面剪切链接的值声明全局变量,语句如“var $proId = theRequest.projectId;”。

layui.js 如何声明全局变量

本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。

推荐:《javascript基础教程》《layUI教程

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外面

以上是layui.js 如何声明全局变量的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn