layui.js 如何声明全局变量

layui.js全局变量的声明方法:首先打开父页面和子页面代码;然后通过在子页面剪切链接的值声明全局变量,语句如“var $proId = theRequest.projectId;”。

layui.js 如何声明全局变量

本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。

推荐:《javascript基础教程》《javascript基础教程》

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 

注意:

这段代码放在 layui.use外面

登录后复制

以上就是layui.js 如何声明全局变量的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3005428.html

(0)
上一篇 2025年3月13日 00:56:38
下一篇 2025年2月26日 11:13:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 怎么用layui实现图片上传

    用layui实现图片上传的方法:首先打开html文件,并引用其中的layui.css和layui.js;然后调用前端的html代码,设置id值;最后通过“upload.render({…})”方法实现图片上传即可。 本教程操作环…

    2025年3月13日
    200
  • layui的tips层怎么用

    layui的tips层的使用方法:首先引入文件layer.css和layer.js文件;然后使用代码格式为“layer.tips(msg, ‘#id’,{tips: 1},time:10000)”;最后设置相关参数即…

    2025年3月13日
    200
  • layui的select框不出来怎么办

    layui的select框不出来是因为Layui会对select、checkbox、radio等原始元素隐藏,其解决办法就是加载form,并且执行一个实例即可。 本教程操作环境:Windows7系统、layui1.0版,Dell G3电脑。…

    2025年3月13日
    200
  • layui如何获取table某一行的值

    layui获取table某一行值的方法:首先打开相应的代码文件;然后使用“table.checkStatus(‘ID’)”方式获取table某一行的值即可。 本教程操作环境:Windows7系统、layui2.4版,…

    2025年3月13日
    200
  • 怎么设置layui默认的表格宽度

    设置layui默认表格宽度的方法:首先打开相应的代码文件;然后修改代码为“td{min-width: 150px;max-width: 200px;}”即可。 本教程操作环境:Windows7系统、layui1.0版,Dell G3电脑。 …

    2025年3月13日
    200
  • layui导入excel文件的方法是什么

    我们先来看看完成的效果图: (相关推荐:layui) 具体步骤如下: 首先:导入layui第三方插件js,地址: https://fly.layui.com/extend/excel/ 登录后复制 1、在页面中引入excel.js文件: /…

    2025年3月13日
    200
  • 为什么我的layui进度条渲染不出来

    解决思路如下: 提示:需要考虑静态渲染和动态渲染进度条两种情况。 (相关推荐:layui框架)            登录后复制 单独上面一段代码,进度条值是无法显示的。 (1)静态渲染  进度条依赖element组件,如果未引入,进度条将…

    2025年3月13日
    200
  • layui如何对表单标签进行校验

    本文为大家介绍layui对表单标签进行校验的方法,希望能够帮助到大家。 (学习视频分享:编程视频) layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。 required(必填项)phone(手机号)ema…

    2025年3月13日
    200
  • layui中怎么设置select项

    layui中设置select项的方法:首先创建一个HTML示例文件;然后通过ajax从后台请求获得select可供选择的元素;最后通过点击dl下某个确定的dd元素实现select的选择事件即可。 本教程操作环境:Windows7系统、lay…

    2025年3月13日
    200
  • 通过layui给数据表格添加序号

    具体方法如下: (学习视频分享:编程视频) 1、第一种需求,只给当前页加序号 (1)给你的数据加上 templet属性 ,cols: [[    {field:’tourPlayerId’, width:80, title: ‘ID1’, …

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论