Layer 打开新页面

最新推荐文章于 2023-05-23 14:11:02 发布
置顶 最新推荐文章于 2023-05-23 14:11:02 发布
阅读量5.8k 收藏 2
点赞数 1
分类专栏： VS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44550198/article/details/89032780
版权

首先新建一个mvc项目然后再新建控制台。
在这里插入图片描述

控制台新建好后再添加页面。
在这里插入图片描述

Html的代码，首先是给盒子里一个按钮，方便后面调用，再是引入一个layer插件

然后写按钮的点击事件，让鼠标点击按钮后弹出提示框，接下来是layer open属性的值

首先是新页面的标题，然后是页面背景的透明度，再是页面的宽高，最后是页面的路径。
在这里插入图片描述

页面效果图
在这里插入图片描述

鼠标点击按钮后弹出提示框
在这里插入图片描述

鼠标再点击确定后弹出新页面。（没有写路径）
在这里插入图片描述

LYA(P)
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js layui跳转页面_解决layer弹出层的内容页点击按钮跳转到新的页面问题
weixin_33716865的博客
12-28 6496
在参与的一个项目中，有一个这样的需求，导入基础数据成功后，默认弹出一个管理员登录页，点击登录按钮，需要跳到管理页面。导入页按钮：导入导入按钮的点击事件，点击后会出现layer弹出层$("#start").click(function(){// 判断有没有选择区域var regionCode = $("#regionCode").val();if(regionCode!=0){// 获取区域名，用于...
模型转化为数据库表
weixin_44550198的博客
06-06 2103
模型转化为数据库有很多种方法，一种是直接在数据库新建，数据库新建比较直接也相对比较麻烦表格关系不是很直观，第二种是新建一个物理模型，每建一个模型就新增一个，这样效率低，而且关系每连接，第三种是新建好模型后，连接各模型关系在生成数据库表，这样比较思路清晰，关系更明确。而我写的就是第三种。先新建一个物理模型，接着新建表，字段，在简单的连接各表的关系。 第二步，点击Database下面的Generat...
直播平台源码，Layui-open 打开一个新页面
云豹网络科技
05-23 117
以上就是直播平台源码，Layui-open 打开一个新页面， 更多内容欢迎关注之后的文章。直播平台源码，Layui-open 打开一个新页面。
layer弹窗如何关闭并打开新页面-图片地址找不到的情况下设置默认图片
qq_39306110的博客
09-21 1826
之前看一个同事每天写博客，对学习有很大帮助，所以想效仿一下，不求太多，但求自己所得的知识能记的更深刻一点。今天是第一次，不做太多内容，就分享一下几个小的知识点，本篇博客因为内容比较零散，所以会不定期更新，知识点已经记牢的童靴，请自行忽略。 一、layer弹窗如何关闭并打开新页面 var index = parent.layer.getFrameIndex(window.name) //获取窗口索引...
layui 跳转页面时的传参和取值问题
zyt_oneself的博客
03-31 7331
layui 跳转页面时的传参和取值问题前言一、跳转页面1.弹框按钮2.调用弹框方法二、取值1.取值的方法2.调用方法总结 前言 layui 如何在当前页面点击按钮弹框，弹出的框内容为新页面，将值传到该页面中，并进行取值，是本篇文章主要记录的问题。 提示：以下是本篇文章正文内容，下面案例可供参考 一、跳转页面 点击弹框按钮，弹出新页面，用一下方法，layer.open即弹出一个窗口 示例如下： 1.弹框按钮 <button class="layui-btn layui-btn-normal" id=
layui 使用 layer.open 打开新页面时 常见问题
Y_vocefenrir的博客
02-25 4685
layer.open 代码使用如下 table.on('tool(orderGuestRoomTable)', function (obj) { /*订单详情*/ if (obj.event === "detail") { let btn = []; if (obj.data.status == 0) { btn = ['派遣订单', '取...
Layui-open 打开一个新页面
小白菜
12-20 6826
edit: function () { var _this = this; var index = layui.layer.open({ skin:'', type : 2, maxmin: true, area...
layer open 打开窗口用法
wobengkui的专栏
12-28 2814
layer打开窗口的用法
layui-layer.open打开新页面进行数据处理，处理完成后数据表格重载问题
qq_41198697的博客
01-17 4363
layui，layui数据表格，数据重载
使用layer打开新页面
不会英语的程序员不是好开拓者
09-21 1万+
layer       layer是一个弹框工具，使用layer打开新页面，避免页面跳转，非常好使。 layer.open({ type: 2, title:["处理页面详情",'background-image: url(/csp/static/js/theme/default/layerTiltle.fw_03.png);'], //title...
openlayer打开地图demo
09-11
openlayer打开地图demo
解决layer弹出层的内容页点击按钮跳转到新的页面问题
10-16
今天小编就为大家分享一篇解决layer弹出层的内容页点击按钮跳转到新的页面问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layer网页弹出层插件 v1.8.4.rar
07-10
　二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径，您需要打开layer.min.js 去配置相对路径url。（默认采用自动获取layer所在的路径） 　三、jquery必须为1.8或1.8以上版本（原因，更小，...
jQuery layer 漂亮实用的网页弹出层插件.rar
07-10
jQuery layer 漂亮实用的网页弹出层插件，layer v1.4.1 弹层组件压缩版，这个不是最新版，不过是稳定版，layer主页不知什么时候打不开了，还好我有备份版，不敢独享，特此与大家分享，使用方法如下： 　一、请将...
layui表格按钮跳转页面
热门推荐
weixin_44550198的博客
09-28 2万+
作者：卢远平 撰写时间：2019.9.27 Layui的表格按钮跳转在很多项目都会遇到，比如一个部门表格，在每一条部门数据后都有一个查看按钮，点击按钮跳转页面，可以查看到部门下的员工等等，比如餐饮系统的一道菜，点击查看按钮，可以了解菜所需的材料等等。所以layui表格数据里的按钮很实用。先在页面写好表格格式，在最后加上操作列，在操作列里拼上查看按钮。 这个一个查看按钮的拼接，要获取对应数据的ID...
正则限制电话号码
weixin_44550198的博客
04-27 1754
先在html部分写正则，正则限制了只能有3-4位区位数加斜杠在加上7-8位直播号，之后是判断输入的电话号码是否满足这个范围，只要不满足这个范围的就会弹出“电话号码信息有误，请输入正确数据！”（中间的斜杠可加也可不加） 不满足3-4位区位数加上7-8位直播号时弹出的提示框。 4位区位号7位直播号满足条件范围点击保存，正则的范围有对应的写法，上面的正则匹配不是可以在范围内随意对应，对应的数据应是3...
选中页面一条数据在模态框里显示
weixin_44550198的博客
08-16 1537
开发工具与关键技术：VS 查询 作者：卢远平 撰写时间：2019.8.16 查询数据库数据显示在页面，这是非常常用的，也能算是非常基础的操作，查询出来后，我在页面的每一条数据后拼接了一个打开模态框的按钮，而我要实现选中页面的一条数据在模态框里也显示选中的那一条数据。 先是在控制器写要在模态框里显示的查询方法，首先是传入楼栋ID，好让页面传参，接着是一个多表查询写法，查询条件楼栋ID和状态为待租的...
设置地图的运动轨迹
weixin_44550198的博客
05-07 1486
作者：卢远平 撰写时间：2020.5.7 首先引入插件 接着给页面一个样式，再给装地图的一个盒子设置大小。 设置地图的路径，创建map对象，设置中心点，比例尺等属性，接着将图层添加到map中 路径可以通过iserver的发布获得。 接着设置查询的地图，查询的条件，然后是设置坐标转换。 然后设置运动轨迹的路线，和运动的图标。 然后写一个Echarts的方法。 可以上网站找需要的Echar...
layer.open打开新页面
最新发布
11-09
.open是layUI中的一个弹出层组件，可以用来打开新页面。下面是一个使用layer.open打开新页面的示例代码： ```javascript layer.open({ type: 2, title: '新页面', area: ['800px', '600px'], content: 'http://www.example.com' }); ``` 其中，type为2表示打开一个iframe层，title为新页面的标题，area为新页面的宽度和高度，content为新页面的URL。 如果需要在新页面中获取数据并传递给父页面，可以使用layer.getChildFrame方法获取子页面的DOM元素，然后通过DOM操作获取数据并传递给父页面。具体实现可以参考layUI官方文档中的示例代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值