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添加html,layui.js如何声明全局变量？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。