javascript消除window.close()的提示窗口

yizhihongxing

要消除window.close()的提示窗口,我们需要了解以下几点:

  1. 当前窗口和弹出窗口必须为同一域名或者同源,否则无法关闭弹出窗口;
  2. 浏览器的安全策略会对window.close()进行限制。只有在窗口是由脚本打开的,才能使用window.close()关闭窗口。

下面我们来讨论在不弹出提示框的情况下,如何使用JavaScript关闭窗口。

方法一:使用window.opener

在打开弹出窗口的脚本中,我们可以将这个窗口的window对象存储在当前窗口的window对象中,使用window.opener可以获取到这个对象。要关闭弹出窗口,我们只需要在弹出窗口中调用window.opener.close()即可。

示例1:

在当前页面中打开弹出窗口:

var popup = window.open('popup.html', 'popup', 'width=320,height=240');

// 把window对象存储到当前的window.opener中
window.popup = popup;

在弹出窗口的脚本中调用window.opener.close()来关闭弹出窗口:

// 关闭window.opener,即当前窗口
window.opener.close();

方法二:使用window.parent

在打开弹出窗口的脚本中,我们可以将这个窗口的window对象存储在当前窗口的window对象中,使用window.parent可以获取到这个对象。要关闭弹出窗口,我们只需要在弹出窗口中调用window.parent.close()即可。

示例2:

同样在当前页面中打开弹出窗口,并把当前窗口的window对象存储到父窗口的window对象中:

var popup = window.open('popup.html', 'popup', 'width=320,height=240');
window.parentPopup = window;

在弹出窗口的脚本中调用window.parent.close()来关闭弹出窗口:

// 关闭window.parent,即父窗口
window.parent.close();

以上是两种常用的消除window.close()提示框的方法。但需要注意的是,由于浏览器的安全限制,这些方法并不适用于所有浏览器和所有情况。在使用时应根据具体情况做出决定。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript消除window.close()的提示窗口 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • 基于 Immutable.js 实现撤销重做功能的实例代码

    基于 Immutable.js 实现撤销重做功能,你需要按照以下步骤: 第一步:安装 Immutable.js 安装Immutable.js,可以通过npm或者yarn包管理工具进行安装,命令如下: #npm npm install immutable #yarn yarn add immutable 第二步:实现历史记录状态管理 实现撤销重做功能,需要用到…

    JavaScript 2023年6月11日
    00
  • JavaScript Dom实现轮播图原理和实例

    下面是“JavaScript Dom实现轮播图原理和实例”的完整攻略。 什么是JavaScript DOM? JavaScript DOM(Document Object Model,文档对象模型)是一种对HTML、XML、SVG等文档进行抽象和概念化的方式。它将文档视为对象的集合,其中每个对象可以被操作。JavaScript可以通过DOM,访问和修改文档的…

    JavaScript 2023年6月10日
    00
  • JavaScript进制转换实现方法解析

    JavaScript进制转换实现方法解析 背景介绍 计算机科学中,常用的进制有10进制、2进制、16进制等,但在不同的计算机环境下,进制的使用差别很大。JavaScript中提供了一些进制转换函数,可以实现不同进制之间的转换。 实现步骤 JavaScript中提供了以下几个进制转换函数:1. parseInt(string, radix):将一个字符串转换为…

    JavaScript 2023年5月28日
    00
  • 详解js创建对象的几种方式和对象方法

    详解JS创建对象的几种方式 在JS中,创建对象的方式有多种,我们将分别介绍它们的特点和使用情况。 对象字面量 对象字面量是最常用的创建对象的方式,它使用花括号{}包裹,其中包含多个键值对,每个键值对之间使用逗号分隔。 const person = { name: ‘Jack’, age: 20, sayHi: function(){ console.log(…

    JavaScript 2023年5月27日
    00
  • Flutter web bridge 通信总结分析详解

    Flutter web bridge 通信总结分析详解 本文将详细讲解Flutter Web中的Bridge通信机制。Flutter Web框架中,开发者可以使用Bridge来实现Flutter与Web端的通信交互。Bridge通信机制主要包含以下三个部分:Method Channel、Event Channel、Basic Message Channel。…

    JavaScript 2023年6月11日
    00
  • jQuery使用cookie与json简单实现购物车功能

    下面是详细讲解“jQuery使用cookie与json简单实现购物车功能”的完整攻略: 简介 购物车是电商网站必不可少的功能,通过购物车,用户可以将自己关心的商品加入到购物车中,然后在统一的界面进行管理、筛选、结算等操作。本攻略将讲解如何使用 jQuery、JSON、Cookie 等技术实现购物车功能。 步骤讲解 步骤1:购物车结构设计 首先,我们需要考虑购…

    JavaScript 2023年5月27日
    00
  • JavaScript打开word文档的实现代码(c#)

    为了详细讲解“JavaScript打开word文档的实现代码(c#)”的完整攻略,我将会分为以下几个部分进行阐述: 相关基础知识介绍 实现思路及步骤 示例说明 结语 1. 相关基础知识介绍 在介绍如何实现JavaScript打开word文档的实现代码(c#)之前,我们需要了解以下两个基础知识: 1.1 ActiveXObject对象 ActiveXObjec…

    JavaScript 2023年5月27日
    00
  • 一个类似vbscript的round函数的javascript函数

    首先,我们需要明确需求:编写一个类似于VBScript中Rount函数的JavaScript函数。Round函数的作用是将一个数值四舍五入到指定的位数。 以下是JavaScript版本的Round函数的完整示例实现: // 自定义Round函数,用于四舍五入保留指定位数的数字 function round(number, precision) { var f…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部