各个版本浏览器下使用window.close()兼容问题

最新推荐文章于 2024-03-18 18:03:58 发布
最新推荐文章于 2024-03-18 18:03:58 发布
阅读量6k 收藏 4
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34569497/article/details/79279700
版权

          谷歌和火狐浏览器下，不能使用关闭window.close()方法关闭本页       

function exit(){

  if (navigator.userAgent.indexOf("MSIE") > 0) {
           window.opener = null;
           window.close();
       } else if (navigator.userAgent.indexOf("Firefox")!=-1 || navigator.userAgent.indexOf("Chrome")!=-1) {
           window.location.href = 'about:blank';
           window.close();
       } else {
           window.opener = null;
           window.open('', '_self', '');
           window.close();
       }

}


完整：

	/**
	 * 浏览器类型判断
	 */
	function BROWSER() {
		var Browser_Name = navigator.appName;
		var Browser_Version = parseFloat(navigator.appVersion);
		var Browser_Agent = navigator.userAgent;
		var Actual_Version, Actual_Name;
		var is_IE = (Browser_Name == "Microsoft Internet Explorer");//判读是否为ie浏览器
		var is_NN = (Browser_Name == "Netscape");//判断是否为netscape浏览器
		var is_op = (Browser_Name == "Opera");//判断是否为Opera浏览器
		if (is_NN) {
			//upper 5.0 need to be process,lower 5.0 return directly
			if (Browser_Version >= 5.0) {
				if (Browser_Agent.indexOf("Netscape") != -1) {
					var Split_Sign = Browser_Agent.lastIndexOf("/");
					var Version = Browser_Agent.lastIndexOf(" ");
					var Bname = Browser_Agent.substring(0, Split_Sign);
					var Split_sign2 = Bname.lastIndexOf(" ");
					Actual_Version = Browser_Agent.substring(Split_Sign + 1, Browser_Agent.length);
					Actual_Name = Bname.substring(Split_sign2 + 1, Bname.length);
				}
				if (Browser_Agent.indexOf("Firefox") != -1) {
					var Version = Browser_Agent.lastIndexOf("Firefox");
					Actual_Version = Browser_Agent.substring(Version + 8, Browser_Agent.length);
					Actual_Name = Browser_Agent.substring(Version, Version + 7);
				}
				if (Browser_Agent.indexOf("Safari") != -1) {
					if (Browser_Agent.indexOf("Chrome") != -1) {
						var Split_Sign = Browser_Agent.lastIndexOf(" ");
						var Version = Browser_Agent.substring(0, Split_Sign);;
						var Split_Sign2 = Version.lastIndexOf("/");
						var Bname = Version.lastIndexOf(" ");
						Actual_Version = Version.substring(Split_Sign2 + 1, Version.length);
						Actual_Name = Version.substring(Bname + 1, Split_Sign2);
					} else {
						var Split_Sign = Browser_Agent.lastIndexOf("/");
						var Version = Browser_Agent.substring(0, Split_Sign);;
						var Split_Sign2 = Version.lastIndexOf("/");
						var Bname = Browser_Agent.lastIndexOf(" ");
						Actual_Version = Browser_Agent.substring(Split_Sign2 + 1, Bname);
						Actual_Name = Browser_Agent.substring(Bname + 1, Split_Sign);
					}
				}
				if (Browser_Agent.indexOf("Trident") != -1) {
					Actual_Version = Browser_Version;
					Actual_Name = Browser_Name;
				}
				if (Browser_Agent.indexOf("Edge") != -1) {
					var Version = Browser_Agent.lastIndexOf("Edge");
					Actual_Version = Browser_Agent.substring(Version + 5, Browser_Agent.length);
					Actual_Name = Browser_Agent.substring(Version, Version + 4);
				}
			} else {

				Actual_Version = Browser_Version;
				Actual_Name = Browser_Name;
			}
		} else if (is_IE) {
			var Version_Start = Browser_Agent.indexOf("MSIE");
			var Version_End = Browser_Agent.indexOf(";", Version_Start);
			Actual_Version = Browser_Agent.substring(Version_Start + 5, Version_End)
			Actual_Name = Browser_Name;

			if (Browser_Agent.indexOf("Maxthon") != -1 || Browser_Agent.indexOf("MAXTHON") != -1) {
				var mv = Browser_Agent.lastIndexOf(" ");
				var mv1 = Browser_Agent.substring(mv, Browser_Agent.length - 1);
				mv1 = "遨游版本:" + mv1;
				Actual_Name += "(Maxthon)";
				Actual_Version += mv1;
			}
		} else if (Browser_Agent.indexOf("Opera") != -1) {
			Actual_Name = "Opera";
			var tempstart = Browser_Agent.indexOf("Opera");
			var tempend = Browser_Agent.length;
			Actual_Version = Browser_Version;
		} else {
			Actual_Name = "Unknown Navigator"
			Actual_Version = "Unknown Version"
		}
		/*------------------------------------------------------------------------------
		 --Your Can Create new properties of navigator(Acutal_Name and Actual_Version) --
		 --Userage:                                                                     --
		 --1,Call This Function.                                                        --
		 --2,use the property Like This:navigator.Actual_Name/navigator.Actual_Version;--
		 ------------------------------------------------------------------------------*/
		navigator.Actual_Name = Actual_Name;
		navigator.Actual_Version = Actual_Version;

		/*---------------------------------------------------------------------------
		 --Or Made this a Class.                                                     --
		 --Userage:                                                                  --
		 --1,Create a instance of this object like this:var browser=new browserinfo;--
		 --2,user this instance:browser.Version/browser.Name;                        --
		 ---------------------------------------------------------------------------*/
		this.Name = Actual_Name;
		this.Version = Actual_Version;
		this.isFirefox = function () {
			if (Actual_Name.indexOf("Firefox") == -1)
				return false;
			else
				return true;
		}
		this.isSafari = function () {
			if (Actual_Name.indexOf("Safari") == -1)
				return false;
			else
				return true;
		}
		this.isChrome = function () {
			if (Actual_Name.indexOf("Chrome") == -1)
				return false;
			else
				return true;
		}
		
		//判读是否为ie6浏览器
		this.isCurrIE6 = function () {
			if (Browser_Agent.toLowerCase().indexOf("msie 6.0") != -1)
				return true;
			else
				return false;
		}
		//判读是否为ie7浏览器
		this.isCurrIE7 = function () {
			if (Browser_Agent.toLowerCase().indexOf("msie 7.0") != -1)
				return true;
			else
				return false;
		}
		//判读是否为ie8浏览器
		this.isCurrIE8 = function () {
			if (Browser_Agent.toLowerCase().indexOf("msie 8.0") != -1)
				return true;
			else
				return false;
		}
		//判读是否为ie9浏览器
		this.isCurrIE9 = function () {
			if (Browser_Agent.toLowerCase().indexOf("msie 9.0") != -1)
				return true;
			else
				return false;
		}
		//判读是否为ie11浏览器
		this.isCurrIE11 = function () {
			if ((Browser_Name == "Netscape") && (parseFloat(Browser_Version) >= 5.0) && (Browser_Agent.indexOf("Trident") != -1))
				return true;
			else
				return false;
		}
		//判读是否为ie-edge浏览器
		this.isCurrEdge = function () {
			if ((Browser_Name == "Netscape") && (Browser_Agent.indexOf("Edge") != -1))
				return true;
			else
				return false;
		}
		//判读是否为ie浏览器
		this.isIE = function () {
			if (Browser_Name != "Microsoft Internet Explorer" && !this.isCurrIE11())
				return false;
			else
				return true;
		}

	}
	
	/* 实例化BROWSER
	 * 用法：
	 * 浏览器名称：BROWSER.Name
	 * 浏览器版本：BROWSER.Version
	 * BROWSER.Name='Microsoft Internet Explorer'  //IE
	 * BROWSER.Name='Firefox'  //Firefox
	 * ……待补充
	 */
	var BROWSER = new BROWSER();
	
	/*
    初始化页面中的下拉框样式
	*/
	function initSelectCtrl() {
		$(".pbd_selectCtrl .btn_select").bind('change', function () {
			if ($(this).attr("noStflag") != "true" && $(this).children('option').length > 0) {
				if (BROWSER.isCurrIE8() || BROWSER.isCurrIE9()|| BROWSER.isSafari()) {
					//兼容IE8
					$(this).siblings(".cur_select").text($(this).children('option:selected')[0].text);
				}
				else {
					$(this).siblings(".cur_select").text($(this).children('option:selected')[0].label);
				}

			}

			//兼容因select控件的option过长导致的显示问题
			if ($(this).attr("auto-offsize") == "true") {
				$(this).css("width", "auto");
				var minOff = $(this).attr("min-offsize");
				if (minOff != null && parseInt(minOff) > 0) {
					if ($(this).width() < parseInt(minOff)) {
						$(this).css("width", parseInt(minOff));
						resizeSelectCtrl($(this).attr("id"), parseInt(minOff));
					} else {
						$(this).css("width", $(this).width());
						resizeSelectCtrl($(this).attr("id"), $(this).width());
					}
				}
			}
		});
		for (var i = 0; i < $(".pbd_selectCtrl").length ; i++) {
			var selectCtrl = $(".pbd_selectCtrl").eq(i);//
			if ($(".pbd_selectCtrl")[i].clientWidth != 298) {
				var wid_px = selectCtrl.css("width");
				var wid = parseInt(wid_px);
				selectCtrl.find(".cur_select").css("width", (wid - 28) + "px");
				selectCtrl.css("backgroundPosition", (wid - 28) + "px");
				selectCtrl.find(".btn_select").css("width", wid + "px");
			}

			if (BROWSER.isCurrIE8()) {//兼容ie8下拉框选项显示不全情况
				var wid = selectCtrl.find(".btn_select").css("width");
				selectCtrl.find(".btn_select").css("width", "auto");
				selectCtrl.find(".btn_select").css("min-width", wid);
			}
			else if (BROWSER.isSafari()) {
				//safari浏览器过窄，目前只能通过调整字体来调整宽度
				//selectCtrl.find(".btn_select").css("font-size", "18px");
				selectCtrl.find(".btn_select").css("top", "3px");
			}


			//设置默认值
			var selectOp = selectCtrl.find(".btn_select");
			if (selectOp.attr("noStflag") != "true" && selectOp.children('option').length > 0) {
				if (BROWSER.isCurrIE8() || BROWSER.isCurrIE9()|| BROWSER.isSafari()) {
					//兼容IE8
					selectOp.siblings(".cur_select").html(selectOp.children('option:selected')[0].text);
				}
				else {
					selectOp.siblings(".cur_select").html(selectOp.children('option:selected')[0].label);
				}
			}
			//tips位置
			selectCtrl.find(".tooltip").css({"margin-left":(selectCtrl.width()+10) + "px"});
		}
	}
	
	/*
    用于重新绑定下拉框的显示值
    selectId   selcect控件id
	*/
	function reBindSelectCtrl(selectId) {
	    var selectOp = $("#" + selectId);
	    //var selectOp = selectObj.find(".btn_select");
	    if (selectOp.attr("noStflag") != "true" && selectOp.children('option').length > 0) {
	        if (BROWSER.isCurrIE8() || BROWSER.isCurrIE9() || BROWSER.isSafari()) {
	            //兼容IE8
	            selectOp.siblings(".cur_select").html(selectOp.children('option:selected')[0].text);
	        }
	        else {
	            selectOp.siblings(".cur_select").html(selectOp.children('option:selected')[0].label);
	        }
	    }
	}
	
	/*
    用于设置下拉框长度(仅用于<selcect>类型)
    selectId   selcect控件id
    sWidth     设置下拉框长度
	*/
	function resizeSelectCtrl(selectId, sWidth) {
	    var selectObj = $("#" + selectId);
	    var wid_px = selectObj.parent().css("width");
	    var wid = parseInt(wid_px);
	    if (wid != sWidth) {
	        wid = sWidth;
	        selectObj.siblings(".cur_select").css("width", wid-28 + "px");
	        selectObj.parent().css("backgroundPosition", (wid - 28) + "px");
	        selectObj.parent().css("width", wid + "px");
	        
	        if (BROWSER.isCurrIE8()) {//兼容ie8下拉框选项显示不全情况
	            selectObj.css("width", "auto");
	            selectObj.css("min-width", wid + "px");
	        }
	        else {
	            selectObj.css("width", wid + "px");
	        }
	    }
	
	}
	
	$(function () {
		//初始化页面中的下拉框样式
		initSelectCtrl();
		
		//radio init
		$('input[type="radio"]').each(function(i,o){
			var curRadio = $(o);
			var curLabel = $(o).parents(".ccb-radio").find('label');
			if(curRadio.is(':checked')){//checked & disabled|enable
				curLabel.attr('class', 'checked');
			} else if(curRadio.attr("disabled")){//no checked & disabled
				curLabel.attr('class', 'disabled');
			} else {
				curLabel.removeAttr('class');
			}
		});
		$(".ccb-radio label").click(function(){
			var curLabel = $(this);
			var curRadio = $(this).parents(".ccb-radio").find('input[type="radio"]');
			if(!curRadio.attr("disabled")){
				var rname = curRadio.attr("name");
				var groupRadios = $('.ccb-radio input[name="'+rname+'"]');
				curRadio.click();
				groupRadios.each(function(i, radio){
					$(radio).parents(".ccb-radio").find('label').removeAttr('class');
					$(radio).removeAttr('checked');
				});
				curLabel.attr('class', 'checked');
				curRadio.attr('checked','checked');
			}
		});
		
	});

Jyann~
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
探索浏览器页面关闭window.close()的使用详解
10-14
主要介绍了探索浏览器页面关闭window.close()的使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue开发实践：解决Chrome浏览器禁止通过代码关闭窗口的问题
Blog of Leviash
12-22 1556
Chrome 浏览器中使用 window.close() 来关闭当前窗口，但是实际运行中没有关闭窗口，打开控制栏发现警告 " 只能关闭由代码打开的窗口 "：这是由于 Chrome 浏览器的安全限制，window.close() 只能关闭通过 window.open() 方法或脚本创建的窗口。 本文将讲述如何跳过Chrome安全策略，实现关闭窗口功能。
window.close()；不起作用
Rockandrollman的博客
01-09 4843
在一些浏览器中，使用window.close();无法关闭已经打开的窗口。因为浏览器把允许脚本关闭窗口禁止了。解禁的方法如下所示。2.找到dom.allow_scripts_to_close_windows，把值切换为true即可。1.地址栏输入 about:confg，并点击接受风险并继续。允许脚本去帮你关闭窗口吗。
window.close() 谷歌无效问题
最新发布
qq_38545368的博客
03-18 253
谷歌浏览器无法关闭标签页
window.close()方法对谷歌和火狐浏览器无效
weixin_30752377的博客
08-25 180
在近期的项目中，遇到了一个问题，就是用户到新浪支付进行操作，操作成功后，指定到一个网页，需求是点击确定，关闭该网页。需求出来以后认为这种就是小菜一碟，直接用 window.close()方法就可以实现，速速的写好网页，进行测试，网页竟然关闭不了，后来查找w3cschool,是这么解释window.close()的： 方法 close() 将关闭有 window 指定的顶层浏览器窗...
javascript:window.close()在chrome，Firefox下失效问题解决方法
shyaideguo的专栏
11-12 738
window.close（），一看就知道是用来关闭浏览器窗口的方法。W3CSchool对该方法的解释如下：方法 close() 将关闭有 window 指定的顶层浏览器窗口。某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身。只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。  
window.close()无效，原因剖析
铃儿响叮当
04-09 1万+
官方解释：https://developer.mozilla.org/en-US/docs/Web/API/Window/close 简单的说就是：window.close()方法只能关闭由window.open()或者浏览器直接输入url打开的页面，其余情况安全考虑是被限制的 解决方案一： window.location.href = 'about:blank' window.close() 解决方案二： 查看当前页面之前的一系列打开方式是不是用window.open()打开的，如果不是，换成
浏览器-window.close() 失效
yangxiaohui-home
08-14 1557
window.close() 失效 第一种解决方法 第二种解决方法
window.close()关闭不了谷歌浏览器的标签
滕青山博客
01-02 3077
只有通过window.open()打开的页面才可以通过window.close()关闭 在之前版本的chrome浏览器中，window.close()是可以直接关闭当前标签页的，后来出于安全性的考虑，只有通过window.open()打开的页面才可以通过window.close()关闭。否则会出现如下错误提示： Scripts may close only the windows that were opened by them. 假设我在a界面通过window.open(b)打开了b界面，在b界面中调用
关于谷歌/狐火等浏览器使用window.close()无法关闭网页问题
weixin_42805675的博客
08-05 1133
使用jq关闭网页时，谷歌/火狐不允许直接关闭，所以不能直接使用window.close()； 对关闭方法进行改造 var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") != -1) { location...
chrome浏览器中window.close()无效的问题的解决
热门推荐
南雁归的专栏
11-04 3万+
今天在调试代码是遇到一个问题，及在
Chrome浏览其中，关闭窗口js无效.(window.close())
sun0322
05-21 2万+
Chrome浏览器中，直接使用window.close()无效， window.open('','_self',''); function closeChrome(){ var browserName=navigator.appName; alert(browserName); if (browserName=="Netscape") {
window.open()详解及浏览器兼容性问题示例探讨
09-04
主要介绍了window.open()的使用及浏览器兼容性问题方面的知识，感兴趣的朋友可以参考下
FF（火狐）浏览器无法执行window.close()解决方案
09-04
主要介绍了FF（火狐）浏览器无法执行window.close()解决方案,需要的朋友可以参考下
解决[removed]window.close()在chrome,Firefox下失效的问题
12-09
window.close（），一看就知道是用来关闭浏览器窗口的方法。W3CSchool对该方法的解释如下：方法 close() 将关闭有 window 指定的顶层浏览器窗口。某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身...
javascript的window.close()在谷歌和火狐下失效
weixin_33800593的博客
03-19 222
在一次使用setTimeout('window.close()',5000)对窗口进行关闭时遇到问题：不能关闭窗口 解释： 为了阻止恶意的脚本终止用户的浏览器。只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭，如某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身。 在IE中，window.close()能生...
window.close(); 谷歌浏览器不好用的解决方案
diancuiji9577的博客
06-24 856
方案一： varuserAgent=navigator.userAgent; if(userAgent.indexOf("Firefox")!=-1||userAgent.indexOf("Chrome")!=-1){ window.location.href="about:blank"; }else{ window.opener...
javascript的window.close()在chrome和firefox下失效的解决方法
runwuwushengxiyu的博客
08-21 241
javascript的window.close()在chrome和firefox下失效的解决方法
window.close无效的js解决方案
凌晨de太阳
10-13 1万+
无标题文档 alert("123"); window.close(); //window.open("about:blank","_self").close() 测试内容 点击“确定”，可以直接关闭该窗口。是这段代码在chrome和Firefox下面不会生效。 第一种解决方案： 1、针对chrome浏览器，可以在编写如下代码，使之生效： window.open("abo
window.location.href.indexOf兼容问题
12-12
window.location.href.indexOf兼容问题是由于不同浏览器对于window.location.href的返回值不同导致的。在某些浏览器中，window.location.href返回的是完整的URL，包括协议、主机名、端口号和路径等信息，而在另一些浏览器中，window.location.href只返回路径信息。因此，在使用window.location.href.indexOf时，需要注意不同浏览器返回值的差异，以保证代码的兼容性。 以下是一个兼容不同浏览器的window.location.href.indexOf的例子： ```javascript if (window.location.href.indexOf("example.com") > -1 || window.location.href.indexOf("www.example.com") > -1) { // do something } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值