layui 重新定向 iframe

2024-10-30

关于iframe页面里的重定向问题

最近公司做的一个功能,使用了iframe,父页面内嵌子页面,里面的坑还挺多的,上次其实就遇到过,只不过今天在此描述一下. 请允许我画个草图: 外层大圈是父级页面,里层是子级页面,我们是在父级引用子级页面的,由于是两个页面,URL肯定不一样的,“一般的,在子页面做的操作也仅仅对子页面生效”,现在我要说的就是关于这一点的! 公司这个功能,在子级页面完成某个操作以后,需要跳转页面,于是子级页面的代码是这样写的:提交=>提交成功=>跳转B页面.这个时候我们发现页面跳是跳了,但是是子级页面在子级页面里跳

layui type:2 iframe子页面向父页面传值

需求: 选择子页面表格中的radio或者双击该行,得到的该行数据传到父页面,由父页面渲染. 网上的各种方法都用了,父页面就是获取不到子页面传的值,过了一晚上,睡了一觉,柳暗花明又一村. layui type:2 iframe子页面向父页面传值: parent.objjson = obj.data //核心重点可以直接给父页面赋值,layui.use里获取 html <table class="layui-hide" id="test" lay-filter=

layui从子iframe打开父iframe的tab选项卡

数据表格字段: {field: 'novelId', title: '小说ID',width:100,templet: '<div><a href="javascript:;" _href="/contentManage/content-chapters.html" novelName="{{d.name}}" onclick="showChapters(this,{{d.novelId}});" class

layui 弹窗的iframe 父子界面相互传值

1.父界面向子界面传值 [1].父界面打开子界面: function show_layer(){ layer.open({ type: 2, area: [w+'px', h +'px'], fix: false, //不固定 maxmin: true, shadeClose: true, shade:0.4, title: title, content: url, //url 为子布局的url路径 success:function (layero,index) { var iframe = w

layui弹窗之 iframe关闭

1)关闭特定iframe //当在iframe页面关闭自身时,在iframe页执行以下js脚本 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 (2)父页面传参到iframe弹出层 var collectionId = parent.$("#hideCollectionId").val();//可在父页面定义隐藏域,id为h

弹出层小插件之(二) layer&layui

其实layer或者layui相对于上次所说的 sweetalert来说不仅仅有弹出层,它有很多的功能,这也大大的提高了我们的开发效率,根据我们项目的实际需要的效果进行选择.下面介绍下Layer的用法吧,我想这也是小伙伴们最想要的: 1.当然是要下载layer了下载地址:http://layer.layui.com 2.下载好的文件不要修改里面内容直接放到你的项目中即可(注意) 3.layer引入方式 4.layui的方法与用法与layer相似特别说明:事件需自己绑定,以下只展现调用代码.

layui菜单点击刷新，自适应

最近在项目上用layui框架后台iframe版,遇到的一些问题分享: 1.项目的左侧菜单点击对应的子菜单能自动刷新问题. 2.除了在左侧有菜单,还需要在右侧需要一个菜单(跳转到新页面),并且能够伸缩自适应. 基于以上两个点:先简单的画个草图(场景) 直接用layui的模板是不符合项目需求的.现在先回答第一个问题的处理: 之前在网上看到对于左侧菜单刷新问题都是不符合: eg:layui的底层js,一般就是admin.js里面找到tabChange方法去处理,试了没找到,直接跳过.百度上可以自行查找

多功能弹窗控件layer

开发网站的时候,如何合理运用好各种插件对开发的帮助是很大的. 免去了我们调试各种交互效果, 比如常用的弹窗.气泡.提示.加载.焦点.标签.导航.折叠等等这里会推荐几个常用的js插件,丰富多样简单易移植很适合我们做前台开发使用第一个插件:多功能弹窗控件layer-v2.4 下载地址:http://layer.layui.com/ 页面调用js //初体验 layer.alert('内容') //第三方扩展皮肤 layer.alert('内容', { icon: 1, skin: 'layer

layer官方演示与讲解（jQuery弹出层插件）

1. 使用layer遇到困难?Fly社区虔诚为您解惑 2. layer 2.0 发布,以独立形式呈现的最后一个版本 3. Fork layer on Github,爱她,就给她加个星啵当前版本:2.0(2015-09-01更新) ://github.com/sentsin/layer 大小:40KB,下载次数:124689 一些唠叨在线调试快速上手前往旧版1.8.5 layer是一款近年来口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有

layer弹窗的操作方法

1.首先去http://layer.layui.com/下载插件 2.在网站上有演示说明 3.操作方法如何 <script src="../js/layer/layer.js"></script> <script> function openadd() { $str=$("#addModal").html();//加载弹窗内容 layer.o

ThinkPHP---layer插件

[概论] (1)layer是基于jquery开发的一款美化弹框的插件,主要用于弹框效果的交互.但其他功能和组件也日益完善官网:http://layer.layui.com 在线手册:http://www.layui.com/doc/modules/layer.html 基本层类型: 2.0之后出了一个新功能WebIM,及时通话功能.支持在线.关闭等功能. 仔细查看后发现,哇哦@~~@原来什么都有,哈哈.接下来看下都有哪些呢? (2)组成 ①主要分为三种

layerui

引用layer.js,官网:http://layer.layui.com/常用属性:btn/icon/skin/time/content/yes(点击确认.提交) 常用窗体.alert layer.alert("内容"); layer.alert('墨绿风格,点击确认看深蓝', { skin: 'layui-layer-molv'//样式类名 , closeBtn: 0 }, function () { layer.alert('偶吧深蓝style', { skin: 'layui-l

layer 1.9.2 发布，国产 Web 弹层不懈的前行者

快速使用Romanysoft LAB的技术实现 HTML 开发Mac OS App,并销售到苹果应用商店中. <HTML开发Mac OS App 视频教程> 土豆网同步更新:http://www.tudou.com/plcover/VHNh6ZopQ4E/ 百度网盘同步:http://pan.baidu.com/s/1jG1Q58M 分享 [中文纪录片]互联网时代 http://pan.baidu.com/s/1qWkJfcS 官方QQ群:(申请加入,说是我推荐的) App实践出

layer，备受青睐的web弹层组件

//http://layer.layui.com/ 特别说明:事件需自己绑定,以下只展现调用代码. //初体验 layer.alert('内容') //第三方扩展皮肤 layer.alert('内容', { icon: 1, skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展.关于皮肤的扩展规则,去这里查阅 }) //询问框 layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, funct

jquery3和layui冲突导，致使用layui.layer.full弹出全屏iframe窗口时高度152px问题

项目中使用的jquery版本是jquery-3.2.1,在使用layui弹出全屏iframe窗口时,iframe窗口顶部总是出现一个152px高的滚动窗口无法实现真正全屏,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial

使用layui iframe弹层,各弹层之前的传值问题

最近做一个后台管理系统,用到的layui,主要是使用它的弹层,但是各个弹层之前的传值经常容易搞晕,写个个博客记录一下,方便自己,也方便别人, 首先我的页面已经嵌套了好几个iframe页面了,嵌套了三个吧,然后在第三个打开一个弹层,需要用到top.layer打开,用top之后,打开的那个弹层就位于主页上打开了(f12查看),和第三层页面不再是父子关系了.所以想在打开的弹出层页面获取第三个iframe的DOM就必须先获取到第三层的DOM.百度了好久,使用的方法就是在主页上定义一个变量,保存第三层的D

layui ：iframe 与 layer 的位置问题

最近有个项目是用 Layui 搭的,但是在layer的使用上遇到了问题. 简单的说,在父页面声明layer,在子页面中的子页面用window.parent调用那个父页面的layer. 讲道理应该是和iframe不相关的,但是却遇到了layer并没有垂直居中的情况. 我在看了layer算的高度之后,大胆猜测:layer的位置计算是有问题的. 它的计算用的并不是window.innerHeight,而是document.body.offectHeight ! 所以我们在使用时得手动修正它的位置. l

layui 如果调用 from 内嵌入的 iframe子页面方法

(人笨,占时想法的办法,不要骂,不要骂,怕了怕了,想到别的会来改的) 父页面; <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+":/

layui: 子iframe关闭/传值/刷新父页面

https://www.cnblogs.com/jiqing9006/p/5135697.html layer iframe层的使用,传参父层 <div class="col-xs-4 text-left" style="padding-left: 50px;"><button type="button" class="btn btn-success" onclick="addCategory

解决session过期跳转到登录页并跳出iframe框架（或者layui弹出层）

当用户长时间停留在管理界面没有操作,等到session过期后,进行了操作,那么只是iframe跳转到login页面,这不是我们想要的结果.解决方法:在login页面加一个逻辑判断: <script > $(document).ready(function () { if (window != top) { top.location.href = location.href; } }); </script>

Layui Iframe页面间方法的相互调用

就是普通的iframe之间方法的调用,只是注意一下src就像 var childWindow = $(window.parent.document).find("iframe[src='/Admin/CheckImages/Index.aspx']")[0].contentWindow; childWindow.showCheckImage();

layui 重新定向 iframe

热门专题