layer.open的自适应及居中及子页面标题的修改方法
layer.open的自适应:
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.iframeAuto(index);
layer.open居中:
var index1 = layer.load(2, { shade: false });//过渡 //重新定义layer.open的宽 var index = parent.layer.getFrameIndex(window.name); parent.layer.style(index, { width: '1050px', top: '50px' }); layer.close(index1);
子页面标题的修改:
//修改父级页面的title var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.title('新增模型', index) //再改变当前层的标题
以上这篇layer.open的自适应及居中及子页面标题的修改方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
layer.open关闭父窗口 以及调用父页面的方法
实例如下: //调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val()); //关闭iframe页面 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index); //父类方法 function exportData(shownum,splitstr){ //TODO } 以上这篇layer.
-
layer.open的自适应及居中及子页面标题的修改方法
layer.open的自适应: var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.iframeAuto(index); layer.open居中: var index1 = layer.load(2, { shade: false });//过渡 //重新定义layer.open的宽 var index = parent.layer.getFrameIndex(window.na
-
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
最近,在项目中使用到了layer.layer的弹层组件可以说是非常好用,layer 至今仍作为 layui 的代表作.在项目中,需要实现一个在表格里面点击操作,然后弹出layer层,将父层表格的行值传给子页面,子页面拿到值后,进行业务处理,从而实现真正的父子页面交互. 其实,官方文档都说的很清楚了. layui官方文档:http://layer.layui.com/ 使用版本:2.3.0 只是,需要我们耐心的读懂文档内容,然后根据自己的业务情况,实现自己想要的效果. 一.子页面获取父页面数据 子
-
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
本文实例讲述了javascript实现网页子页面遍历回调的方法(涉及 window.frames.递归函数.函数上下文).分享给大家供大家参考.具体如下: 提炼于本人手写的纯 JavaScript 工具程序,用于遍历当前网页的所有子页面 并执行迭代回调,且回调函数返回值可用于结果回传,有助于减少闭包变量~ 其特点在于 -- 递归遍历时只检索子页面的 Window 对象,不立即执行回调函数,而是在检索结束后在普通循环结构中回调.这样可以尽量减少 递归调用时的内存消耗,也简化了程序结构,易于维护 全
-
Django项目中用JS实现加载子页面并传值的方法
在Django的开发过程中,有一些功能是通过JS根据用户的不同选择来加载页面中的某一部分(子页面)的.如果子页面中有我们需要传入的值.可以这么实现 在js函数中调用 $("#base_page_div1").load('SUB_URL #sub_page_div1'); 此处 SUB_URL只需要是你在父页面对于URL基础上的多处部分即可.比如 父页面的URL为 /resource/base_url/ 子页面的URL为: /resource/base_url/sub_url/
-
利用JQuery操作iframe父页面、子页面的元素和方法汇总
前言 iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录,这个使用纯JS也可以实现.下面话不多说了,来一起看看详细的介绍吧. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe
-
js刷新框架子页面的七种方法代码
面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做. 其中framedemo.html由上下两个页面组成,代码如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> frameDemo </TITLE> </HEAD&
-
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS与可以实现. 第一.在iframe中查找父页面元素的方法:$('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法:$(this).contents().find("#suggestBox") 第三.在iframe中调用父页面中定义的方法和变量:parent.methodparent.value iframe里用jquery获取父页面bod
-
iframe子页面与父页面在同域或不同域下的js通信
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html 复制代码 代码如下: <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say()
-
嵌入式iframe子页面与父页面js通信的方法
本文实例讲述了嵌入式iframe子页面与父页面js通信的方法.分享给大家供大家参考.具体分析如下: iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信. 一.同域下父子页面的通信 父页面 parent.html: 复制代码 代码如下: <html> <head> <script type="text/javascr
-
layer.open 子页面弹出层向父页面传输数据的例子
子页面向父页面传数据,利用弹出页面点击确定时返回的参数,即yes:function(index,layero){}的layero. 关键就一句: var obj = $(layero).find("iframe")[0].contentWindow; obj可以调用子页面的方法,这样就可以通过子页面传递数据了. $('#addQuota').on('click',function(){ layer.open({ type : 2, title : "子页面", re
随机推荐
- 推荐的一篇用多种脚本清理iis日志的代码第1/3页
- Javascript 6里的4个新语法
- CentOS 7搭建Linux GPU服务器的教程
- python中getattr函数使用方法 getattr实现工厂模式
- ASP.NET MVC Admin主页快速构建
- javascript+ajax实现产品页面加载信息
- 解析在PHP中使用全局变量的几种方法
- Docker快速入门以及环境配置详解
- python网络编程之数据传输UDP实例分析
- jQuery基于扩展简单实现倒计时功能的方法
- 自定义配置网络ip、网关、dns的批处理文件
- 解决mongodb在ubuntu下启动失败,提示couldn‘t remove fs lock errno:9 Bad file descriptor的错误
- 本地SQL注射攻略分析曝光
- jQuery中阻止冒泡事件的方法介绍
- jquery设置控件位置的方法
- Android 消息机制以及handler的内存泄露
- 使用Java代码进行因数分解和求最小公倍数的示例
- Android编程实现canvas绘制柱状统计图功能【自动计算宽高及分度值、可左右滑动】
- 适用于Java程序员的10道XML面试题 新鲜出炉
- android 通过向viewpage中添加listview来完成滑动效果(类似于qq滑动界面)