前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS使用window.close()关闭当前页(兼容firefox)

JS使用window.close()关闭当前页(兼容firefox)

作者头像
奋飛
发布2019-08-15 15:58:41
5.7K0
发布2019-08-15 15:58:41
举报
文章被收录于专栏:Super 前端Super 前端

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://ligang.blog.csdn.net/article/details/41951407

一、语法及参数说明:

window.open(pageURL,name,parameters) 其中: pageURL为子窗口路径 name为子窗口句柄 parameters为窗口参数(各参数用逗号分隔)

二、调用方式:

方法一:<body οnlοad="window.open()"> 浏览器读页面时弹出窗口; 方法二:<body οnunlοad="window.open()"> 浏览器离开页面时弹出窗口; 方法三:用一个连接调用: <a href="#" οnclick="window.open()">打开一个窗口</a> 方法四:用一个按钮调用: <input type="button" οnclick="window.open()" value="打开窗口">

三、实例:

a.html:

代码语言:javascript
复制
<html>
<head>
	<meta charset="utf-8">
	<title>open</title>
</head>
<body>
	<input type="button" value="打开B页面" onClick="window.open('b.html')">
	<input type="button" value="打开B页面" onClick="window.open('b.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')">
</body>
</html>

'b.html' 弹出窗口的文件名; 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替; height=100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; b.html:

代码语言:javascript
复制
<html>
<head>
	<meta charset="UTF-8" />
	<title>close</title>
	<script type="text/javascript">
	function closeme(){
		var browserName=navigator.appName;
		if (browserName=="Netscape") {
			window.open('','_parent','');
			window.close();
		} else if (browserName=="Microsoft Internet Explorer") {
			window.opener = "whocares"; 
			window.close();
		}
	};
	</script>
</head>
<body>
	<input type="button" value="关闭当前页" οnclick="closeme();">
</body>
</html>

_blank 表示新开一个窗口, _parent表示父框架窗口, _self表示覆盖该窗口, xxx表示覆盖名字为xxx的窗口(每个窗口都可以给他命名)

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014年12月15日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、语法及参数说明:
  • 二、调用方式:
  • 三、实例:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档