实现页面跳转后，原页面弹窗且不让后页面失去焦点-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如下图，你可以在资源里下载。