As you know, if you want to open a new tab in browser or in the iframe by
window.open(), browser will prevent jump action, and you can use this to
solve the problem. Besides, it's also useful when you want to download files
with js.
npm install open-new-page --save
import OpenNewPage from ' open-new-page '
OpenNewPage ( ' https://www.baidu.com ' )
openNewPage ( {
url : ' http://www.baidu.com ' ,
method : ' GET ' ,
params : {
a : 1 ,
b : true ,
c : [ 1 , 2 , 3 ] ,
d : { d1 : 1 } ,
e : ' 123 ' ,
f : null ,
g : undefined
}
} )
openNewPage ( ' https://dn-quietcoder.qbox.me/table.xlsx ' )
openNewPage ( {
url : ' https://dn-quietcoder.qbox.me/avatar-1.jpg ' ,
params : {
a : 1 ,
b : true ,
c : [ 1 , 2 , 3 ] ,
d : { d1 : 1 } ,
e : ' 123 ' ,
f : null ,
g : undefined
} ,
useATag : true
} )
<! DOCTYPE html >
< html lang = " en " >
< head >
< meta charset = " UTF-8 " >
< meta name = " viewport " content = " width=device-width, initial-scale=1.0 " >
< meta http-equiv = " X-UA-Compatible " content = " ie=edge " >
< title > Document </ title >
< script src = " https://unpkg.com/open-new-page/index.global.js " > </ script >
</ head >
< body >
< button id = " btn " > open new page with params </ button >
< script >
var btn = document . getElementById ( ' btn ' )
btn . addEventListener ( ' click ' , function ( ) {
openNewPage ( {
url : ' http://www.baidu.com ' ,
method : ' GET ' ,
params : {
a : 1 ,
b : true ,
c : [ 1 , 2 , 3 ] ,
d : { d1 : 1 } ,
e : ' 123 ' ,
f : null ,
g : undefined
}
} )
} )
</ script >
</ body >
</ html >
MIT
