JavaScript 如何关闭浏览器窗口中的当前标签

您所在的位置:网站首页 js关闭当前页面打开新的页面窗口 JavaScript 如何关闭浏览器窗口中的当前标签

JavaScript 如何关闭浏览器窗口中的当前标签

2024-07-05 06:16:08| 来源: 网络整理| 查看: 265

JavaScript 如何关闭浏览器窗口中的当前标签

在本教程中,我们将学习如何使用JavaScript关闭浏览器窗口。假设用户用2个标签打开了你的网站,并且不想让它出现,那么你可以用JavaScript自动关闭一个标签。

另外,如果你注意到一些网络应用自动打开浏览器窗口来捕捉人脸,当你点击按钮捕捉图像时,它就会自动关闭。这都是我们使用JavaScript可以做到的。

本教程将教授使用JavaScript关闭浏览器窗口中当前标签的不同例子。

注意 – JavaScript从来不允许开发者关闭用户打开的窗口。这是由于一些安全问题造成的。所以,程序员只能关闭用JavaScript的open()方法打开的浏览器窗口。

语法

你可以按照下面的语法,使用close()方法来关闭浏览器的窗口。

let new_window = window.open(URL, width, height); new_window.close();

在上面的语法中,我们在创建新窗口时将返回的值存储在new_window变量中。之后,我们使用close()方法来关闭新打开的窗口。

示例

在这个例子中,我们有两个按钮;一个是打开一个新标签,另一个是关闭一个用JavaScript打开的新标签。

用户首先需要通过点击打开新标签的按钮用JavaScript打开标签。在他们可以点击关闭新标签的按钮后,观察到它自动关闭了标签。

Using the window.close() method to close the browser's tab

Click "Open New Tab" to open a page in new tab and click "Close New Tab" to colse the opened tab

Open New Tab Close New Tab // creating the variable to store the tab var new_tab; function openTab() { // open a new tab new_tab = window.open("https://www.tutorialspoint.com/answers/shubham-vora"); } function closeTab() { // close tab new_tab.close(); } 示例

在下面的例子中,我们创建了两个按钮,像上面的例子一样,用来打开和关闭标签。然而,在这个例子中,我们还添加了’_blank’作为打开方法的参数,这将打开一个新的窗口而不是一个新的标签。

接下来,用户可以点击新窗口按钮来关闭弹出窗口。

Using the window.close() method to close the browser's window.

Click "Open New Window" to open the page in new window and click "Close New Window" to colse the opened window

open new Window Close new Window // creating the variable to store window var new_window; function openWindow() { // open a new window new_window = window.open("https://www.tutorialspoint.com/index.htm", "_blank", "width=800"); } function closeWindow() { // close the window new_window.close(); }

因此,用户学会了用JavaScript打开一个新的标签或窗口。同时,也学会了使用close()方法关闭标签或窗口。

另外,我们可以打开新的窗口来接受用户输入,当用户提交表单数据时,我们可以在处理表单数据的函数中调用close()方法。



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭