layui.js 如何声明全局变量-Tutorial Layui-php.cn

layui.js 如何声明全局变量

藏色散人

Lepaskan： 2020-12-04 09:45:48

asal

5146 orang telah melayarinya

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

layui.js 如何声明全局变量

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

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

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

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

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

父页面的代码：

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

Salin selepas log masuk

子页面的代码

//这段代码通用：
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

Salin selepas log masuk

注意：

这段代码放在 layui.use外面

Atas ialah kandungan terperinci layui.js 如何声明全局变量. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!