实现页面跳转后,原页面弹窗且不让后页面失去焦点-javascript函数执行顺序问题

最近心不静,碰到问题太没耐心,弄了好久。

首先先看看这个脚本,需要说的是,这个脚本在IE、火狐上执行顺序是没有问题,但在谷歌、360等浏览器上就不能按顺序走;在没做定时器前,页面无法跳转;做了定时后,页面跳转后,定时的弹窗让跳转页面失去焦点。

<script type="text/javascript" language="javascript">
	//form1, form表单的id
	function alisubmit(){
		document.form1.submit();
		window.setTimeout("checkreturn()",1000); 
	}
</script>
<script type="text/javascript" language="javascript">
	var checkreturn = function(){
		var flag=false;
		if(confirm("请确认是否已经支付,如已完成支付,可点击'确认',进入下一步。")){
			flag=true;
		}
		$.ajax({
                url : "checkPayResult.action",  
                data : {'user.outtradeno' : '<%=out_trade_no %>'}, 
                type : "POST",
                dataType : "text",
                success : function(data) {
                    if (data != null && data == "true") {  
                    	window.parent.open('<%=basePath%>pages/ok.jsp', '_self');
                        return true;
                    } else{
                    	if(flag){
                    		window.parent.open('<%=basePath%>pages/failed.jsp', '_self');
                    	}
                        return false;
                    }
                }  
            }); 
	};
</script>

后来分析知道,javascript分预编译和执行两步的,弹窗的checkreturn函数在预编译就需要获得处理,导致表单的提交放在了最后,这和我们要的后果不符。花了好长时间解决这个bug,但因为时间,我还是选择了另一种实现方案,就是用div弹窗代替原来的效果,找的demo如下图,你可以在资源里下载。



展开阅读全文

没有更多推荐了,返回首页