JavaScript_解决safari浏览器window.open无法实现的问题
2015-07-29 16:04
525 查看
解决 safari window.open 无法实现的问题
先说下问题是什么吧: safari 中没办法在回调函数里面执行window.open, 原因是safari的安全机制将其阻挡了(具体的原因可能需要你自己深入研究)..
那么如果你有这样的需求(或者类似的),通过ajax 发送请求到服务器端,等待请求响应成功之后,根据从服务器端响应得到的数据,打开一个窗口显示给用户,在safari上是没办法直接一个window.open搞定的( 浏览器没问题, IE, firefox, chrome).
那么window.open 在safari 中 只有当用户触发事件之后才能被调用成功的,怎么解决这个问题呢? 很简单, 绕过这个该死的安全机制,在你调用ajax请求之前,打开这个窗口, 然后在回调函数里面修改新打开窗口的location, 这样就解决了。这个解决方案是我前两天从国外一位兄台的博客上找到的,相信国内的某些兄弟可能会用到,所以在此发出来,希望能对你有所帮助。
简单示例代码如下(假设应用jquery):
pg.find('[name=gotoAccountSet]').unbind('click').click(function(){
var sel = pg.find('select option:selected');
var id = sel.attr("id");
var name = sel.html();
var winRef = window.open("", "_blank");//打开一个新的页面
App.post('accountSet/getServerName.do',{id:id},function(data){
var ro = mac.eval(data);
if(ro.success){
function loc(){
var ll = 'http://'+ro.data.info+'.teenydata.com/'+name+'/index.jsp';
winRef.location = ll;//改变页面的 location
}
setTimeout(loc(),800);//这个等待很重要,如果不等待的话将无法实现
}
})
});
先说下问题是什么吧: safari 中没办法在回调函数里面执行window.open, 原因是safari的安全机制将其阻挡了(具体的原因可能需要你自己深入研究)..
那么如果你有这样的需求(或者类似的),通过ajax 发送请求到服务器端,等待请求响应成功之后,根据从服务器端响应得到的数据,打开一个窗口显示给用户,在safari上是没办法直接一个window.open搞定的( 浏览器没问题, IE, firefox, chrome).
那么window.open 在safari 中 只有当用户触发事件之后才能被调用成功的,怎么解决这个问题呢? 很简单, 绕过这个该死的安全机制,在你调用ajax请求之前,打开这个窗口, 然后在回调函数里面修改新打开窗口的location, 这样就解决了。这个解决方案是我前两天从国外一位兄台的博客上找到的,相信国内的某些兄弟可能会用到,所以在此发出来,希望能对你有所帮助。
简单示例代码如下(假设应用jquery):
pg.find('[name=gotoAccountSet]').unbind('click').click(function(){
var sel = pg.find('select option:selected');
var id = sel.attr("id");
var name = sel.html();
var winRef = window.open("", "_blank");//打开一个新的页面
App.post('accountSet/getServerName.do',{id:id},function(data){
var ro = mac.eval(data);
if(ro.success){
function loc(){
var ll = 'http://'+ro.data.info+'.teenydata.com/'+name+'/index.jsp';
winRef.location = ll;//改变页面的 location
}
setTimeout(loc(),800);//这个等待很重要,如果不等待的话将无法实现
}
})
});
相关文章推荐
- javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足
- 静态Web开发 JavaScript
- js 之prototype 理解
- js判断undefined类型,undefined,null,NaN的区别
- javascript array sort()
- jsp学习笔记
- js将时间戳转换为日期类型
- js Date 日期格式化
- js深入理解(一)
- 用js实现返回上一页
- bzoj1013: [JSOI2008]球形空间产生器sphere
- 04-Js给action传值,出现乱码如何解决
- ExtJs 4.2 TabCloseMenu.js的Bug
- JS代码片段:判断一个元素是否进入可视区域
- ExtJS4.2 cellclick获取单元格内容
- js中event.keyCode用法及keyCode对照表
- js的压缩与混淆
- XML json map list转换
- javascript字符串函数
- ECharts——纯Javascript的图表库