layui 是一款采用自身模块规范编写的前端 UI 框架, 遵循原生 html/CSS/JS 的书写与组织形式, 门槛极低, 拿来即用. 其外在极简, 却又不失饱满的内在, 体积轻盈, 组件丰盈, 从核心代码到 API 的每一处细节都经过精心雕琢, 非常适合界面的快速开发.
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 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/framework/layui/18268.html