如何open一个新tab页面

打开新tab页的两种方式

1 a标签

  function openwin(url) {var a = document.createElement("a");a.setAttribute("href", url);a.setAttribute("target", "_blank");a.setAttribute("id", "camnpr");document.body.appendChild(a);a.click();}

2 window.open

window.open('https://sandbox.ebanx.com/print/?hash=59ad5dd18a6d5ba0e24327c2ba92a730115a80bd58b3baa5', '_blank')

有3种情况会需要打开新tab页，

人为点击一个按钮，在事件里我们可以打开新的tab页，window。open()
用户直接点击a标签打开新tab页
用户触法的ajax回调，在回调事件里才能拿到新的需要跳转的tab页的url,此时以上方法打开新页面时候回被chrome等游览器默认拦截

解决方案：

function click() {var newWin = window.open('loadingurl');$.ajax({url: url,type: "post",data: payParams,dataType: 'json',success: function (response) {newWin.location = response.data.url}})}

就是在点击的时候先打开一个默认的loading页面然后在等url回来后在赋值给location

以上

转载于:https://www.cnblogs.com/WhiteHorseIsNotHorse/p/9076759.html

如何open一个新tab页面相关推荐

火狐浏览器如何设置成打开一个新的页面，原有的页面继续存在
火狐浏览器如何设置成打开一个新的页面,原有的页面继续存在? Tab Utilities 扩展. 在新标签页打开书签.历史.主页.地址.搜索,以及更多增强标签式浏览的实用功能,包括紧邻当前标签页打开 ...
从frame跳转到一个新的页面
要实现功能:default.aspx中当Sessions("userid")没有值时,跳转到一个新的页面login.asdpx. 如果在defalult页面里直接写Response ...
django界面上弹出bootstrap modal对话框，对话框中包含iframe并请求一个新的页面
1.首先,需求是这样的,点击编辑学生信息的操作,弹出个添加学生课程的对话框,在对话框中需要一个选择学生课程的输入框,点击时,弹出选择课程的对话框并包含iframe,这个iframe是请求一个view的 ...
使用layui 做后台管理界面，在Tab中的链接点击后添加一个新TAB的解决方法
使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法参考文章: (1)使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法 (2)https: ...
layui子页面创建一个新的页面
function FJTZ(url, id, name) { layui.use(['element', 'layer', 'jquery'], function () { var element = ...
jsp重新打开一个新的页面
有以下一种实现方式: 1.target="_blank" <a href="document.html" target="_blank" ...
react-antd项目，一个多tab页面，共用一个title相同的table表格，并且在切换tab时实现数据更新
一.前言最近因为项目要求,开始学习并且使用React和Ant Design框架.在前端开发过程中,遇到这样一个页面:有多个tab,每个tab下都是一个table表格来进行数据展示.但,每个table ...
Vue跳转到一个新的页面的多种方法
通过router-link或者button或者a链接的方法 1.router-link路由 <router-link :to="{ path: '/a/b' }"// tag ...
jQuery，实现想弹出什么，弹出什么（弹出提示、弹出一个新的页面等等）
先要明白,弹窗的原理是什么, 参考html页面,弹窗(原始的alert(),jquery的alertWin),原理是什么?:http://blog.csdn.net/ideality_hunter/a ...

如何open一个新tab页面

打开新tab页的两种方式

解决方案：

如何open一个新tab页面相关推荐

最新文章

热门文章