博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
项目中打开新窗口的3种方式
阅读量:6433 次
发布时间:2019-06-23

本文共 973 字,大约阅读时间需要 3 分钟。

1.使用iframe(注意Iframe的高度默认150px,如果要改变iframe的高度,只能设置成具体的像素值,不能是百分比)

2.使用window.open()直接打开外部窗口,在外部窗口中处理完成所有的操作后回到原来的页面,原来的页面出现一个确认是否完成操作的弹框。点击确认或者“cancel”之后接着调用其他的接口。

3.使用window.open()在当前窗口打开另一个窗口,在新开窗口中操作完成之后,关闭该窗口,在当前窗口中监听新窗口什么时候关闭,一旦检测到窗口关闭就执行回调。

使用这种方式需要考虑浏览器的跨域问题,在ie上如果使用window.open()打开跨域了的窗口,window.open()是获取不到window对象的。

detectCreditCardFilledOut: (callback, url, openWin) => {  let creditCarWin = null;  let s = null;  const stopF = () => {    clearInterval(s);    creditCarWin = null;    s = null;    callback();  };  const checkCloseWindowOrNot= () => {    if (creditCarWin != null && creditCarWin.closed) {      stopF();    }  };  const openCreditCard = () => {    try {      creditCarWin = openWin(url, 'CreditCard');      creditCarWin.focus();      runF();    } catch (e) {      Util.NotificationUtil('error', {        description: lang.openWindowError      })    }  };  const runF = () => {    s = setInterval(checkCloseWindowOrNot, 500);  };  openCreditCard();},

转载地址:http://yexga.baihongyu.com/

你可能感兴趣的文章
System.currentTimeMillis()计算方式与时间的单位转换
查看>>
Extra:Variable Types
查看>>
js传参时,没有参数传入,默认值的设置
查看>>
ASP.NET温故而知新学习系列之ASP.NET多线程编程—.NET下的多线程编程Thread中委托的使用(六)...
查看>>
最新整理知识结构图
查看>>
linux安装mysql
查看>>
flask 2 进阶
查看>>
sentences in movies and teleplays[1]
查看>>
【20181023T1】战争【反向并查集】
查看>>
win7网络共享原来如此简单,WiFi共享精灵开启半天都弱爆了!
查看>>
iOS9 未受信任的企业级开发者
查看>>
paper 40 :鲁棒性robust
查看>>
优化MySchool数据库(事务、视图、索引)
查看>>
使用笔记:TF辅助工具--tensorflow slim(TF-Slim)
查看>>
大话设计模式读书笔记3——单例模式
查看>>
实验三
查看>>
Vue 项目构建
查看>>
[Ruby on Rails系列]2、开发环境准备:Ruby on Rails开发环境配置
查看>>
android studio adb
查看>>
框架源码系列二:手写Spring-IOC和Spring-DI(IOC分析、IOC设计实现、DI分析、DI实现)...
查看>>