首頁  >  文章  >  web前端  >  layui.js 如何宣告全域變數

layui.js 如何宣告全域變數

藏色散人
藏色散人原創
2020-12-04 09:45:255031瀏覽

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