angular js 打开新的浏览器窗口

客官°小女子只卖身不卖艺 2023-06-15 04:54 116阅读 0赞

**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：**关闭窗口前执行事件

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 设置window.open打开新窗口的title

方法一：缺陷：打开的新链接非同源时，不生效 const newWindow = window.open(url) newWindow.onload =

素颜马尾好姑娘i/ 2023年09月28日 08:20/ 0 赞/ 127 阅读

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

1、带参数打开新窗口 const newPath = location.origin + '/list' + '?name=' + name + '&sex=' +

客官°小女子只卖身不卖艺/ 2023年06月15日 04:54/ 0 赞/ 117 阅读

相关 js关闭浏览器窗口_电子JS | 浏览器窗口

js关闭浏览器窗口 Just like any other desktop software application, Electron JS also makes use

骑猪看日落/ 2023年03月05日 09:48/ 0 赞/ 154 阅读

相关 Angular6中打开新的窗口

需求： Angular6的环境下，在一个页面中有一个<a>标签，点击链接后，需要跳转到新的页面（注意新的页面是在浏览器的新窗口中打开）。方案：使用angu

桃扇骨/ 2023年02月22日 03:53/ 0 赞/ 132 阅读

相关 JS 打开新窗口

使用JavaScript window对象（属于BOM）打开新窗口：语法： window.open(URL,name,features); 该方法用于打开一个新的

矫情吗；*/ 2022年06月07日 07:28/ 0 赞/ 453 阅读

相关解决JS打开新窗口被浏览器拦截的问题

> 今天有一个需求是当用户需要获取到自己上传的资源链接，然后点击查看跳转到对应的资源挂载点。突然发现使用JS的`window.oepn()`操作会导致浏览器拦截。原来当`w

╰+哭是因爲堅強的太久メ/ 2022年05月15日 02:17/ 0 赞/ 1340 阅读

相关避免javascript打开新窗口被浏览器阻止的方法

　　经本人亲测，使用使用虚拟表单的方式可以完美解决。该方法的核心奥义是：浏览器不阻止当前窗口中javascript的window.open()动作。　　利用这个规则，在当

浅浅的花香味﹌/ 2022年04月06日 03:12/ 0 赞/ 762 阅读

相关 ajax 打开新窗口safari浏览器打开失败

js 打开新窗口可以用window.open(url), 但是由于安全机制问题，在safari浏览器中，在请求的回调中使用window.open方法会失效。可以通过下面的方式来

快来打我*/ 2021年10月01日 00:02/ 1 赞/ 684 阅读

相关 window.open打开新窗口被浏览器拦截的处理方法

window.open是javascript函数，该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口，浏览器会

╰+哭是因爲堅強的太久メ/ 2021年09月19日 07:58/ 0 赞/ 609 阅读

相关 JS学习之道：js打开新窗口的各种方法

window.top.location=url 可以在iframe中的页面在父窗口刷新打开 window.open方法可控制的样式丰富，比如我们可以控制窗口显示的大小，窗口显

左手的ㄟ右手/ 2021年09月01日 04:05/ 0 赞/ 760 阅读