项目中打开新窗口的3种方式

待我称王封你为后i 2022-03-07 13:58 321阅读 0赞

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();
    },

发表评论取消回复

表情：

评论列表（有 0 条评论，321人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3+vite项目：window.open打开新窗口查看图片

<template> <button @click="open">打开流程图</button> </template> <script>

太过爱你忘了你带给我的痛/ 2024年03月30日 09:19/ 0 赞/ 7 阅读

相关 idea 切换新项目打开方式

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pwMzU3

水深无声/ 2023年01月10日 14:48/ 0 赞/ 102 阅读

相关 window.open()打开窗口的几种方式

window.open()的三个参数例如： window.open("要跳转的网址", "跳转形式或者名字", "给出窗口添加新的的属性（字符串形式）");

傷城~/ 2022年09月03日 14:11/ 0 赞/ 343 阅读

相关 Intellij 如何在新窗口中打开项目

好多程序员都使用intelliJ idea开发项目，由于不小心设置了不在提示打开项目项目方式，所以只能打开一个窗口，而且只能同时打开一个项目，特别郁闷，分享下设置后的效果

你的名字/ 2022年08月08日 14:51/ 0 赞/ 286 阅读

相关 IntelliJ配置在新开窗口打开项目

Appearance&Behavior -->System Settings-->Project Opening IntelliJ版本：14 ![Center][]

绝地灬酷狼/ 2022年07月28日 04:18/ 0 赞/ 149 阅读

相关打开新窗口以post方式提交

[window.open以post方式提交][window.open_post] 1、按钮准备 <input id="btn_amp" type="button"

冷不防/ 2022年06月16日 22:42/ 0 赞/ 291 阅读

相关 JS 打开新窗口

使用JavaScript window对象（属于BOM）打开新窗口：语法： window.open(URL,name,features); 该方法用于打开一个新的

矫情吗；*/ 2022年06月07日 07:28/ 0 赞/ 251 阅读

相关 ajax打开新窗口实现

最近开发中碰到一个问题，有一场景需要在ajax验证通过后在新窗口打开一个url。一开始通过在异步回调函数中使用window.open()来实现，但是发现这种实现方式会被浏览器

我会带着你远行/ 2022年05月13日 13:52/ 0 赞/ 298 阅读

相关项目中打开新窗口的3种方式

1.使用iframe(注意Iframe的高度默认150px，如果要改变iframe的高度，只能设置成具体的像素值，不能是百分比) 2.使用window.open()直接打开外

待我称王封你为后i/ 2022年03月07日 13:58/ 0 赞/ 322 阅读

相关 Response.Redirect 打开新窗口的两种方法

一般情况下，Response.Redirect 方法是在服务器端进行转向，因此，除非使用 Response.Write("<script>window.location='ht

比眉伴天荒/ 2021年12月17日 05:31/ 0 赞/ 214 阅读