ホームページ  >  記事  >  ウェブフロントエンド  >  layui.jsでグローバル変数を宣言する方法

layui.jsでグローバル変数を宣言する方法

藏色散人
藏色散人オリジナル
2020-12-04 09:45:255124ブラウズ

Layui.js グローバル変数宣言方法: 最初に親ページと子ページのコードを開き、次に子ページのリンクの値を切り取ってグローバル変数を宣言します (例: "var $proId = theRequest.プロジェクトID;"。

layui.jsでグローバル変数を宣言する方法

このチュートリアルの動作環境: Windows 7 システム、layui バージョン 2.4. この方法は、すべてのブランドのコンピューターに適しています。

推奨: "javascript 基本チュートリアル" "layUI チュートリアル"

layui は、独自のモジュール仕様を使用して記述されたフロントエンド UI フレームワークです。ネイティブ HTML/CSS/JS の記述形式と構成形式は非常に敷居が低く、すぐに使用できます。外観はミニマルですが、内部は充実しています。サイズは軽く、コンポーネントが豊富です。コア コードから API に至るすべての詳細が注意深く作成されており、迅速なインターフェイス開発に非常に適しています。

layui.js でグローバル変数を宣言するにはどうすればよいですか?

layui グローバル変数を記述する新しい方法: サブページの --link-- の値を切り取ることでグローバル変数を宣言できます。

親ページのコード:

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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。