Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口
2014-03-30 20:56
561 查看
很多浏览器对新开弹出窗口进行了限制,popup窗口在默认情况下会被block掉。
这样可能会造成按钮/链接/脚本不工作的假象。
window.open("http:www.techbrood.com","_blank")
以上JS语句是想新开一个窗口而不是在原有的窗口上跳转,这在分享内容时经常见到。
究竟是弹窗还是新建标签页是由浏览器的设置决定的,并不由第二个参数_blank而确定。
如果用户浏览器的设置是弹出新的窗口,那么JS脚本无法影响这种情况下的行为。
如果用户浏览器的设置是新开一个标签页(最新的主流浏览器基本上默认情况下都是这个设置),
那么可以通过JS脚本来控制新建标签还是新建窗口的行为,必须是在click事件的处理过程中,代码如下:
上述语句可以达到和如下静态html代码相同的效果:
<a href="www.techbrood.com" target='_blank'>Link</a>
如果在click事件中使用了ajax请求,那么注意ajax默认的异步请求模式会让click事件失去时效,
所以如果要达到新建标签页的效果,务必保证async参数为false。
by iefreer
这样可能会造成按钮/链接/脚本不工作的假象。
window.open("http:www.techbrood.com","_blank")
以上JS语句是想新开一个窗口而不是在原有的窗口上跳转,这在分享内容时经常见到。
究竟是弹窗还是新建标签页是由浏览器的设置决定的,并不由第二个参数_blank而确定。
如果用户浏览器的设置是弹出新的窗口,那么JS脚本无法影响这种情况下的行为。
如果用户浏览器的设置是新开一个标签页(最新的主流浏览器基本上默认情况下都是这个设置),
那么可以通过JS脚本来控制新建标签还是新建窗口的行为,必须是在click事件的处理过程中,代码如下:
<a class="link">Link</a> <script type="text/javascript"> $("a.link").on("click",function(){ window.open('www.techbrood.com','_blank'); }); </script>
上述语句可以达到和如下静态html代码相同的效果:
<a href="www.techbrood.com" target='_blank'>Link</a>
如果在click事件中使用了ajax请求,那么注意ajax默认的异步请求模式会让click事件失去时效,
所以如果要达到新建标签页的效果,务必保证async参数为false。
by iefreer
相关文章推荐
- Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口
- 如何使用ASP.NET不用脚本(JavaScript)达到新开IE(浏览器)窗口的目的?
- 运行vs时打开一个浏览器窗口,而不是在原有窗口上打开一个标签
- WebView打开网页,设置支持Javascript,浏览的网页后退而不是退出浏览器,判断页面加载过程,缓存的使用
- Android构建一个通用的WebView(一):标题、加载进度、JavaScript交互、用浏览器打开等
- 【实例】javascript中使用event.target获取触发该事件标签的相关数据而不是通过document
- 使用JavaScript和CSS弹出一个窗口
- query中如何能保证页面新开一个窗口而不被浏览器给拦截
- WEB前端——使用Javascript判断客户端浏览器类型
- 安卓WebView的使用,在应用程序中嵌入一个浏览器,轻松地展示各种各样的网页
- javaweb之response随机生成图片验证码加载到web页面中(本实例使用了禁止浏览器缓存头),并且单击使用javascript换图片
- 使用javascript控制浏览器窗口的技巧源代码大全
- 我的VS2005采用的是web开发设置。不知道动到了那里,现在每次按F5启动调试的时候总是不能成功启动调试。效果和按CTRL+F5一样。就是把项目显示在了浏览器之后,那个启动调试的绿色按钮还可以使用,不是暗色的。
- 4_如何固定标签,相对于浏览器窗口和一个标签?
- 在浏览器的地址栏位置, 使用javascript:输入一个表达式来测试.
- 怎么使用response.write来做一个javascript的alert弹出窗口
- 分享一个帮助你自定义标签并且兼容现代浏览器的javascript类库 : X-tag
- 安卓的WebView不弹新窗口使用自有窗口加载及加载后执行javascript
- 用javascript 写个函数返回一个页面里共使用了多少种HTML 标签
- 【CVTE】请使用原声Javascript实现一个方法,判断html中出现次数最多的标签,并统计这个次数