前言

有2个页面

[
"Source.html",
"Target.html",
]

其中,Target.html页面中还有几个iframe页面,

想实现的功能是,
1.点击Source.html中的一个a标签,跳转到Target.html页面,
2.在Target.html页面操作完成之后,
点击Target.html页面中的关闭按钮,关闭Target.html页面

---

问题出在了,
跳转到了Target.html页面之后,
不在Target.html页面的几个iframe之间切换的话,
是可以点击Target.html页面中的关闭按钮,关闭Target.html页面.

但是,如果在Target.html页面中切换几个iframe,
此时在点击Target.html页面的关闭按钮,是没有办法关闭Target.html页面的.

网络上标准答案

//第一种形式
window.opener = null;
window.open('', '_self', '');
window.close();


//第2种方式
var customWindow = window.open('', '_blank', '');
    customWindow.close();    

// 关闭页面
closeCurrentPage() {
	const ua = window.navigator.userAgent;
	if (ua.indexOf('MSIE') > 0) {
		if (ua.indexOf('MSIE 6.0') > 0) {
			window.opener = null;
			window.close();
		} else {
			window.open('', '_top');
			window.top.close();
		}
	} else {
		window.opener = null;
		window.open('', '_self', '');
		window.close();
	}
}

使用了标准答案之后,控制台出现提示语

Scripts may close only the windows that were opened by them.

解决方案

我原来的

<a href="/Test.html?id=1" target="_blank">跳转Target.html</a>

修改后的html

<a href="javascript:;" onclick="window.open('/Test.html?id=1', '_blank')"
跳转Target.html
</a>

主要就是将原来的直接跳转 href 修改为 window.open

摘抄文档

• *.window.close() doesn't work - Scripts may close only the windows that were opened by it
• 好记的博客.JavaScript关闭当前页
• pencilcool.关闭浏览器当前窗口问题：js方法window.close()不兼容谷歌浏览器