2018年03月19日 作者：管理员 4231次浏览
部分浏览器默认不允许脚本方式去跳转一个新的页面网站，认为这是一种恶意广告行为，但实质所有浏览器都是支持window.open的。在百度搜索好久，有些说可以通过新建a标签，模拟点击事件触发来实现，但是测试发现都实现不了，照样被浏览器拦截（在此严重批评‘CSDN博客’这个垃圾平台，没有几篇有营养的文章，互相复制粘贴也就算了，还自己没验证就互相转），最后找到了一个折中的办法，可以实现新页面打开，但是没有a标签的那种直接流量新页面的效果。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> *{padding:0;margin:0;} .btn{width:100px;height:36px;line-height:36px;background: green;border-radius: 4px;display: block;margin:200px auto; font-size:14px;color:#fff;text-align: center;} </style> </head> <body> <a href="javascript:;" class="btn">测试跳转</a> </body> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script> $('.btn').click(function(){ //var newTab=window.open();//打开新窗口 // console.log(newTab) //setTimeout(function(){ // newTab.location.href="http://www.baidu.com"; // },2000); $.ajax({ type: 'POST', url: 'xxx', dataType: "json", async:false,//重点，你需要通过同步去执行 success: function (result) { xxx } }) </script> </html> |
ajax默认异步请求方式不允许open，改成async:false同步即可，当然，在某些时候也许你并不是通过ahax请求呢？
为了解决这个问题，可以模拟链接被按下，然后打开链接。但是在jQuery中，使用a.click(), a.trigger('click')等都不会引起链接默认事件被执行。下面的代码模拟生成了链接点击事件，然后执行默认打开链接的事件。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Title</title> <script src="jquery.js"></script> <script type="text/javascript"> $(function() { $("#btn").click(function() { //var a = $('a')[0]; var a = $("<a href='http://www.apple.com' target='_blank'>Apple</a>").get(0); var e = document.createEvent('MouseEvents'); e.initEvent( 'click', true, true ); a.dispatchEvent(e); }); }); </script> </head> <body> <input type="button" value="Go to Apple" id="btn"> </body> </html> |
1 2 3 4 5 6 7 8 | <script type="text/javascript"> if (confirm("现在去付款")) { var a = $("<a href='http://www.apple.com' target='_blank'>Apple</a>").get(0); var e = document.createEvent('MouseEvents'); e.initEvent('click', true, true); a.dispatchEvent(e); } </script> |
「两年博客，如果觉得我的文章对您有用，请帮助本站成长」
谢谢你请我吃鸡腿*^_^*
支付宝
微信
下一篇：【YQN】前端组开发规范
确实好用，什么项目都可以使用，屌屌的，多谢分享
评：超好用的时间格式化插件Moment.js终于找到个靠谱的了，这老项目太坑了
评：Angular1x配合ui-router和ocLazyLoad按需加载js谢谢博主，你真给力。
评：web前端开发经典干货视频云盘分享博主 ，Ajax链接：https://pan.baidu.com/s/1vIZD9z3ylY...
评：web前端开发经典干货视频云盘分享资料可以下载，但是播放不了 求打开pbb、miaov文件的方法
评：web前端开发经典干货视频云盘分享博主，视频怎么打开啊，求方法
评：web前端开发经典干货视频云盘分享
共有 0 条评论 - 关于js页面window.open跳转新窗口被拦截-解决