layui打开html并获取url参数内容

最新推荐文章于 2024-08-27 18:44:44 发布

壹键式升级

最新推荐文章于 2024-08-27 18:44:44 发布

阅读量4.2k

点赞数

分类专栏：前端随笔

本文链接：https://blog.csdn.net/weixin_42579074/article/details/102550667

版权

这篇博客介绍了如何利用layui框架打开HTML页面，并在新打开的页面中实现获取URL参数的功能，包括详细的操作步骤和关键函数的使用。

摘要由CSDN通过智能技术生成

layui打开html

var url = "agent_add.html?jsonData=" + hotelName + "";
layer.open({
   
    type: 2,
    skin: 'layui-layer-demo', //样式类名
    title: '

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

壹键式升级

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

一些layui开发的前端页面可以通过直接运行html文件，与后端接口交互

qq_45800365的博客

02-21

298

一些layui开发的前端页面可以通过直接运行html文件，与后端接口交互

layui data-url如何获取到根目录_URL、网页、根目录、域名、服务器名、协议到底是怎么区分的？...

weixin_32126843的博客

12-06

1094

当我们每次上百度的时候，都会看到一串又一串的网址，点击后就能获取相应的资源比如：如何分解如下的网址呢，来，一起庖丁解牛______http://mail.163.com/index.htmlhttp://: 这个是协议，也就是HTTP超文本传输协议，也就是网页在网上传输的协议。mail：这个是服务器名，代表着是一个邮箱服务器，所以是mail163.com 这个是域名，是用来定位网站的独...

参与评论您还未登录，请先登录后发表或查看评论

LayUI弹出层（html）

03-12

LayUI弹出层（html），LayUI弹出层（html），LayUI弹出层（html）

layui.table.render的url参数问题

最新发布

weixin_71871189的博客

08-27

202

如果不想自动获取，则可以使用下面的data参数，可以手动设置想显示的参数，效果如下。使用url参数，底层会自动发起一个网络请求，从服务器获取数据。如上图，url写着为必填项，但实际是可以不填的。

layui 中的layer弹出层使用iframe 引用本地路径的html 文件

业余前端的职业经历

01-09

2632

这个相对来说还是比较简单的但是也有一点小坑一般来说我们写的比较少的可能直接会在页面中声明一个div进行展示但是如果弹出层的页面比较复杂的话可以直接搞一个html 使用iframe的形式进行引入假设我们的本地有一个demo.html 和我们的正在使用的html中在同一级目录下的话记住 type 类型是 2 是数字别用引号包括啊同样的 content 的路径要加 ./ 直接/ 他可能也找不到 layer.open({ ...

layui url参数获取_00038-layui 打开新页面，并通过url带参数，在新页面获取url的参数...

weixin_35407400的博客

01-27

1154

打开的页面为一个页签top.layui.index.openTabsPage('business/businessUserShow.jsp#/self=1','个人信息')businessUserShow.jsp:layui.config({base: '${ctxLayui}/layuiadmin/'}).extend({index: 'lib/index'}).use(['index', 'f...

php 弹出层传递参数,layer.open组件获取弹出层页面变量、函数

weixin_39982269的博客

03-12

356

参考资料：http://blog.csdn.net/qq_32588349/article/details/52618450http://www.cnblogs.com/liaoyanglong/p/6564329.htmlhttp://m.blog.csdn.net/article/details?id=53389588http://layer.layui.com/http://loudev.c...

layUI使用layer.open,在content打开数据表格,获取值并返回的方法

10-16

在本文中，我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格，并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架，它提供了丰富的组件和便捷的API，包括弹层、表单...

Layui实现主窗口和Iframe层参数传递

10-16

在layer的success回调函数中，可以获取到刚打开的iframe元素，然后通过window对象访问到iframe层的window对象，并调用其中的函数或方法来传递数据。代码示例： ```javascript layer.open({ type: 2, //iframe...

layui两个html传值,Layui(二级页面) 弹出层打开页面|传递参数

weixin_30440721的博客

06-22

1276

一级弹出层:弹出打开页面layer.open({type: 2,title: '添加用户',content: '../user/goAdd',area: ['460px', '450px'],btnAlign: 'c',btn: ['确定', '取消'],yes: function(index, layero){var iframeWindow = window['layui-layer-ifra...

layui url参数获取_关于layui:00038layui-打开新页面并通过url带参数在新页面获取url的参数...

weixin_29476659的博客

02-26

220

关上的页面为一个页签top.layui.index.openTabsPage('business/businessUserShow.jsp#/self=1','个人信息')businessUserShow.jsp:layui.config({base: '${ctxLayui}/layuiadmin/'}).extend({index: 'lib/index'}).use(['index', 'f...

layui弹出层html,layer弹出层

weixin_33404412的博客

06-07

1281

layer 弹出层，怎么只让他弹出一次.在线等我昨天用这个插件的时候也有这个问题，弹出内容大了就居不了中。这是组件不完美的地方，他设置了top和left值，而且是固定的。这种弹出层都是绝对定位的所以没办法用margin：auto 0神马的居中。解决方案主要两种： 1.修改在浏览器里面调试模式。jquery layer怎么弹出指定的html内元素一个基本的弹出层应该满足以下需CSS布局HTML小编...

点击按钮打开layer弹框，显示url内容，在弹框弹出时自动触发url中的内容（难点：解决页面执行顺序问题）

m0_59673430的博客

07-05

444

【代码】点击按钮弹出一个弹框，显示url内容，在弹框弹出时自动触发url中的内容（难点：解决页面执行顺序问题）

layui让当前页面刷新_layui 中弹窗的时候关闭当前页面并刷新

weixin_29798379的博客

02-01

1326

var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的nameparent.layer.close(index);//关闭当前窗口window.parent.location.reload();//刷新例子：==========================================layui.use([‘jquery‘,‘...

layui laydate 时间非空验证_基于layui前端即时消息通讯layim的后端数据接口服务实现高仿qq...

weixin_39921023的博客

11-22

363

前两篇文章有点乱，很多朋友看了可能感觉到不知道如何下手，本篇就一步一步实现一下1.进入layui官网查看官方API找到示例即时通讯组件，这里面例子比较全也可以直接查看代码，只不过此时全是静态内容我们可以进入layim的主页进行授权获取我们也可以点击进入接入案例，这里全是干货这里除了有各个版本的后台代码外也有一些封装好的js代码模块，比如网友分享的查找好友界面第二步获取授权代码后我们就可以可是编写代...

layui 获取 select 下拉框选中的val ，html 值

weixin_44389107的博客

08-21

1804

方法一 form.on('select(on_time)',function(data){ category=data.value;// 获取 val 值 on_time=data.elem[data.elem.selectedIndex].text;// 获取 html 值 form.render('...

layui网页html编辑器,使用layui 的富文本编辑器layedit，输入内容后发贴页面显示代码...

weixin_29548281的博客

06-10

399

js如下varlayedit,index;layui.use(['form','layedit'],function(){varform=layui.form();layedit=layui.layedit;layedit.set({uploadImage:{url:'/topic/upload.html'//接口url,type:'p...

html列表点击选取的行,layui 弹框点击确定获取弹框列表中选中的table行数据

weixin_42121754的博客

06-18

888

//打开弹框layer.open({type: 2, title: ‘器具-设置发送人列表‘, content: ‘url‘ //弹框页面的地址, maxmin: true, area: [‘90%‘, ‘80%‘], btn: [‘确定‘, ‘取消‘], yes: function (index, layero) {var iframeWindow = window[‘layui-layer...

layui open 给打开的html传参

06-03

在 Layui Open 中，可以通过 `layer.open()` 函数的 `content` 参数来打开一个 HTML 页面，并且可以向该页面传递参数。下面是一段示例代码： ```javascript layui.use('layer', function () { var layer = layui.layer; // 打开一个 HTML 页面，并传递参数 var url = 'example.html?id=1&name=Tom'; layer.open({ type: 2, title: '打开一个 HTML 页面', area: ['500px', '400px'], content: url }); }); ``` 在上面的示例代码中，我们通过 `content` 参数传递了一个 URL，该 URL 包含了两个参数 `id` 和 `name`。在打开的 HTML 页面中，可以通过 JavaScript 获取这些参数，如下所示： ```javascript // 获取 URL 参数 function getUrlParam(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null; } // 获取 id 和 name 参数 var id = getUrlParam('id'); var name = getUrlParam('name'); console.log(id, name); ``` 以上代码示例中，我们定义了一个 `getUrlParam()` 函数来获取 URL 参数，然后在页面加载完成后，调用该函数获取 `id` 和 `name` 参数的值，并输出到控制台中。