layui js添加html,layui.js如何声明全局变量？

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如何声明全局变量？相关推荐

php layui实现添加input,Layui实现input输入和选择的方法
Layui实现input输入和选择的方法: HTML代码: 移交单位* 111 222 333 444 555 其中input的几个style样式简单说一下.position:absolute 在这里 ...
html用js添加兄弟节点,JS简单添加元素新节点的方法示例
本文实例讲述了JS简单添加元素新节点的方法.分享给大家供大家参考,具体如下: www.jb51.net - JS添加新节点的几种方法 1234567890 //首先找到Id为d的元素 var d=do ...
nuxt.js添加工具块 / js代码。Statcounter 分析器案例
在业务需求中,有一个需求是要添加SEO的网站点击分析器.选中了Statcounter分析器,但是由于官方给的代码形式案例如下 <script type="text/javascript ...
layUI基本使用2（js）
弹框layer.open() 较多配置详见 https://www.layui.com/doc/modules/layer.html <!DOCTYPE html> <html la ...
html中引入js柱状图,Echarts.js 图表在layui中的引用
添加部分源码,可以使layui使用第三方插件的方法引入,代码以下: //打开源码,将代码头部的代码 (function (global, factory) { typeof exports === ' ...
layui后台添加数据给php,layui怎么实现数据绑定
layui实现数据绑定的方法:首先引入layui的css文件和js文件:然后建立视图,用于呈现渲染结果:接着编写模版,使用一个script标签存放模板:最后渲染模版即可. 本教程操作环境:Window ...
HTML第四章：为网站添加交互性（js）
HTML第四章:为网站添加交互性(JS) 文章目录 HTML第四章:为网站添加交互性(JS) 1.理解脚本 1.1脚本类型 1.1.1客户端脚本 1.1.2服务端脚本 1.1.3JavaScript的 ...
three.js 添加字体
本篇文章是对three.js如何添加字体的一个总结. 1. 关于低版本three.js添加字体我在网上找到的教程就是使用的这种办法,但是我使用的76版的threeJs已经不支持了,没有具体深究是什么 ...
js 添加内容实现列表功能
js 添加使用的是appendChild(node) - 插入新的子节点(元素) 来实现当然也可以删除使用appendChild(node) - 插入新的子节点(元素) 效果图代码如下 < ...

layui js添加html,layui.js如何声明全局变量？

layui js添加html,layui.js如何声明全局变量？相关推荐

最新文章

热门文章