效果如下:

父页面father,弹出层页面son,点击son.html的关闭按钮,关闭弹窗。采用popup.js弹窗插件。

//弹出层

var pop;

function ShowIframe(){

var height = $(window).height();

var width = $(window).width();

pop= new Popup( {

contentType : 1,

isReloadOnClose : false,

scrollType:'yes',

alert:false,

width : 500,

height : 400

});

pop.setContent("contentUrl","son.html");

pop.build();

pop.show();

};

//关闭弹出层

function closeIframe(){

pop.close();

}

son.html:

子页面

function closeIframe(){

$(window.parent.closeIframe());//调用父页面的方法关闭本页面

}

html 关闭页面回调,popup.js弹出层回调关闭相关推荐

  1. php提交表单关闭弹出层,使用js实现关闭js弹出层的窗口

    本篇文章主要是对使用js实现关闭js弹出层的窗口的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 function toggle() { theObj = document.getE ...

  2. layer执行父窗口ajax方法,layer 弹出层 回调函数调用 弹出层页面 函数

    1.项目中用到layer 弹出层,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下. 2.自己定义的公共页面方法: layuiWindow: func ...

  3. html弹出层全覆盖滚动条,JS弹出层遮罩,隐藏背景页面滚动条细节优化分析

    一.去除滚动条方法 给body添加overflow:hidden属性即可,IE6.7下不会生效,需要给html增加overflow:hidden属性 样式中需要对IE6.7及其它浏览器用hack辨别, ...

  4. layui 弹出层回调获取弹出层数据

    // 弹出楼栋负责人信息页面                       layer.open({                       type: 2,                    ...

  5. html弹出层获取填充数据,layui 弹出层回调获取弹出层数据的例子

    如下所示: // 弹出楼栋负责人信息页面 layer.open({ type: 2, title:'请选择楼栋负责人', maxmin: false, area: ['60%', '80%'], of ...

  6. layer 弹出层 回调函数调用 弹出层页面 函数

    1.项目中用到layer 弹出层,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下. 2.自己定义的公共页面方法: layuiWindow: func ...

  7. 利用JS弹出层实现简单的动态提示“正在加载中,请稍等...”

    JQuery版本:1.7.1: 编写一个JS类(ck.layer.js): [javascript] view plaincopy /********************************* ...

  8. 利用JS弹出层实现简单的动态提示“正在加载中,请稍等...

    最近项目中大量用到了JQuery中的Ajax异步加载数据,数据量非常大,导致每次加载的时候都感觉到非常非常慢,让客户体验非常不好,就想到用JS做一个简单的提示. JQuery版本:1.7.1: 编写一 ...

  9. layer弹出层的关闭问题

    我们在执行添加或者修改的时候,弹出一个框,进行编辑.这时需要将数据提交到后台处理,这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表. 一.关闭弹出层 这是layer官网给出的手册,讲的很详细 分 ...

最新文章

  1. linux搭建gitlab内网,ubuntu14搭建内网gitlab服务器(示例代码)
  2. C语言程序设计教学探讨,C语言程序设计多媒体教学探讨
  3. mysql语句中把string类型字段转datetime类型
  4. 平板电脑怎么投屏到电视上_学而思网课怎么投屏到电视上
  5. IT管理如何从“普通”走向“高效”?
  6. 关于apppium启动微信,每次都要重新登录的解决方法
  7. 在java中转义符 n代表什么_在Java中,表示换行符的转义字符是()。 A.\nB.\fC.n D.\ddd...
  8. python爬虫,爬取哔哩哔哩视频
  9. labelme为圆环状物体打标签【tips】
  10. 杭州滨江不久将不复存在,新杭州主城8区规划调整出炉!
  11. 在Mac上安装和配置Tunnelblick工具
  12. ubuntu18.04自带的输入法数字键选择出现数字而不是中文
  13. 膨胀卷积(Dilated convolutions)(又叫空洞卷积、扩张卷积)
  14. 美团点评前端面试小结
  15. 自学闲置电脑部署NAS服务器打造家庭影院
  16. 简介IntelliJ IDEAD
  17. XML 文件加密与解密
  18. 算法分析与设计第十四次作业(leetcode中Cherry Pickup题解)
  19. 微软自带杀毒工具关闭
  20. Axure rp 8中继器基础使用

热门文章

  1. 张一鸣做手机,没那么简单
  2. SpringBoot 2.0 中 HikariCP 数据库连接池原理解析
  3. 鸿蒙手机怎么选,接入鸿蒙,是魅族最好的选择?
  4. 大数据试验——配置环境1
  5. Win10内存占用过高 并且与任务管理器不符
  6. 不想当厨师的裁缝不是好司机
  7. 用“平面两点距离”求三角形面积及多边形面积
  8. 2014智能电视游戏峰会
  9. 高德推出查岗功能_打尽渣男渣女的查岗神器?高德家人地图实测
  10. python中astype用法_浅谈python 中的 type(), dtype(), astype()的区别