angular js 打开新的浏览器窗口

1、带参数打开新窗口

const newPath = location.origin + '/list' + '?name=' + name + '&sex=' + sex ;
const windowFeatures = 'width=1000,height=550,top=50,left=100,menubar=yes,location=yes,resizable=yes,scrollbars=true,status=true';
const newWindow = window.open(newPath, 'slsOrdModal', windowFeatures);
newWindow.location.reload(); // 刷新页面

2、获取参数

if (location.hash.indexOf('?') !== -1) {const params = location.hash.substring(location.hash.indexOf('?') +1, location.hash.length);console.log("params", params);
}

windowFeatures参数解释：

window.open 弹出新窗口
newPath 弹出窗口路径
slsOrdModal 弹出窗口的名字
width=1000 窗口宽度
height=550 窗口高度
top=0 窗口距离屏幕上方的像素值
left=0 窗口距离屏幕左侧的像素值
menubar 是否显示菜单栏
scrollbars 是否显示滚动栏
resizable=yes 是否允许改变窗口大小
location=yes 是否显示地址栏
status=no 是否显示状态栏内的信息

3、进阶

前面这些只是弹出新的浏览器窗口，但是到实际情况下会有很多问题。比如：如何让弹出浏览器刷新。

window.onunload：在关闭窗口之后触发

window.opener：获取父页面的window元素

window.opener.sessionStorage：获取父页面的window元素的 session

window.location.reload()：刷新页面

window.close()：关闭window.open()打开的窗口

window.onbeforeunload：关闭窗口前执行事件

angular js 打开新的浏览器窗口相关推荐

如何通过 js 打开一个新的浏览器窗口
Aphorism Grow In Errors! 前言最近肾七电池不耐用了, 想想左腹就隐隐作痛, 咳咳 ,回归正题, 我就联系了下 apple 客服,准备换个电池,2018年 12.31 ...
js打开新窗口被拦截问题
打开新窗口的方式主要有 window.open, a标签增加target="_blank"属性,form标签增加target="_blank"属性用户直接点击 ...
js打开新窗口并且不被拦截
js打开新窗口并且不被拦截 window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览 ...
js页面跳转和 js打开新窗口方法
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
js打开新窗口的各种方法
window.top.location=url 可以在iframe中的页面在父窗口刷新打开 window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等.都 ...
JS 打开新窗口的方法
一.window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法:window.open(pageURL,name,pa ...
js页面跳转和js打开新窗口
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
【Selenium】控制当前已经打开的 chrome浏览器窗口
前言有过几个小伙伴问过我如何利用 Selenium 获取已经打开的浏览器窗口,这里给安排了,还安排了两篇. 标题链接 [Selenium]控制当前已经打开的 chrome浏览器窗口 https:/ ...

angular js 打开新的浏览器窗口

angular js 打开新的浏览器窗口相关推荐

最新文章

热门文章