美文网首页大前端
JS window.open()打开新窗口、监听新窗口关闭事件

JS window.open()打开新窗口、监听新窗口关闭事件

作者: jack钱 | 来源:发表于2022-07-01 13:52 被阅读0次

使用 window 对象的 open() 方法可以打开一个新窗口。用法如下:

window.open (URL, name, features, replace)

参数列表如下:

  • URL:可选字符串,声明在新窗口中显示网页文档的 URL。如果省略,或者为空,则新窗口就不会显示任何文档。
  • name:可选字符串,声明新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的 target 目标值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用,在这种情况下,features 参数将被忽略。
  • features:可选字符串,声明了新窗口要显示的标准浏览器的特征,具体说明如下表所示。如果省略该参数,新窗口将具有所有标准特征。
  • replace:可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。

使用 window.closed 属性可以检测当前窗口是否关闭,如果关闭则返回 true,否则返回 false。
下面是一个监听当前新开页面该窗口的打开关闭状态的示例

const winURL = window.open('URL');  // 设置要打开的对象
const loop = setInterval(() => {    // 使用定时器查询当前状态
    if (winURL && winURL .closed) {  // 进行判断条件   closed属性就是返回当前窗口的状态
      console.log('我被关闭了')
      clearInterval(loop);       // 清除定时器
 
      // Logical code
    }
 }, 500);

参考:https://blog.csdn.net/HeXinT/article/details/125412106

相关文章

  • JS window.open()打开新窗口、监听新窗口关闭事件

    使用 window 对象的 open() 方法可以打开一个新窗口。用法如下: 参数列表如下: URL:可选字符串,...

  • js打开新窗口

    js打开新窗口 Window.open()方法 完整的代码 window.open('page.html', 'n...

  • JavaScript窗口

    JavaScript-打开新窗口(window.open) window.open([URL], [窗口名称], ...

  • JavaScript基础 BOM方法

    window.open()打开新窗口window.open('要打开的页面',' _self (当前窗口打开) ...

  • 浏览器对象模型BOM

    2019-04-20 window对象 1.打开/关闭窗口 如果窗口创建成功,window.open()返回新窗口...

  • 浏览器新窗口

    打开浏览器新窗口的方法 window.open(url)用户手动打开(写在onclick事件中)不会被拦截,代码...

  • Ajax请求成功后新窗口被拦截

    问题 ajax若请求成功,打开新窗口;若失败则弹出‘请求失败’。项目中发现使用window.open()方法新窗口...

  • Bom操作

    ①打开新窗口 window.open('about:blank','_blank'); //打开一个空白窗口如果要...

  • vscode 常用快捷键

    打开终端 control + shift + ` 打开/关闭 新窗口 control + shift +...

  • a标签

    新窗口打开 新窗口打开

网友评论

    本文标题:JS window.open()打开新窗口、监听新窗口关闭事件

    本文链接:https://www.haomeiwen.com/subject/wgecbrtx.html