关于网页打开新窗口的解决方案,拒绝屏蔽

« 手机软件交互设计经验分享

业界标竿·设计师的悲哀 »

10-07
6

关于网页打开新窗口的解决方案,拒绝屏蔽

作者：robot 日期：10-07-6 时间：8:48 上午

好久没有写过js了，近日项目中，有个需求就是，新打开窗口页面，对于新窗口我总结以下2点
1.最基本的弹出窗口代码window.open()这个也相对简单，大家都调用过，建义大家用绝对路径(http://)，以下是参数
window.open 弹出新窗口的命令；

  'page.html' 弹出窗口的文件名； 



'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 



height=100 窗口高度； 



width=400 窗口宽度； 



top=0 窗口距离屏幕上方的象素值； 



left=0 窗口距离屏幕左侧的象素值； 



toolbar=no 是否显示工具栏，yes为显示； 



menubar，scrollbars 表示菜单栏和滚动栏。 



resizable=no 是否允许改变窗口大小，yes为允许； 



location=no 是否显示地址栏，yes为允许； 



status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 



用这个方法在浏览器中，基本都会被屏蔽，大家可以通过



var val = window.open(url),返回值来判断



if(!val){



这里表示被屏蔽了，没有成功，。大家可以在这里加个相对应的业务代码。我当时如果处理是如果屏蔽了，



用document.location.href=url内部跳转。



}



2、以上方法最基本的问题没有解决，就是屏蔽。所以告诉大家一个最完美window.open()不会



屏蔽的，道理很简单，就是建一个form.然后提交form，因为form可以在新窗口提高



给大家看看代码吧。



在你的页面里<form action="" method="get" target="_blank" id="tzForm" name="tzForm"/>



<div id="J_formStr"></div>



</form>



然后js



function openUrl(urlStr){



var pStr="";



if(urlStr.indexOf("?")!= -1){



var str = urlStr.substr(urlStr.indexOf("?")+1,urlStr.length);



strs = str.split("&");



for(var i = 0; i < strs.length; i ++){



pStr=pStr+"<input type='hidden' name='"+strs[i].split("=")[0]+"' value='"+strs[i].split("=")[1]+"' />";



}



}



document.getElementById("J_formStr").innerHTML=pStr;



document.tzForm.action=urlStr;



document.tzForm.submit();



}



大家可能会问，为什么还要这多代码。不就是一个提交表单。给大家说说原因吧



(1) 为什么用get，而不用post,在新窗口页面如果用post然后刷新。会有一个提交数据的对话框，所以才用get



(2)用get提交有个很关键的问题，如果你的url提交地址中有相对应的参数，打个比方，***.jsp?a=1&b=2在新窗口中



?a=1&b=2参数丢失掉。所以在上面有个pStr这个就是解析url中的参数，然后动态创建的表单元素，这样参数就不会



丢失。



来源：http://www.blogjava.net/sundc/archive/2010/07/05/325295.html