window.open,打开窗口与打开新标签页,刷新父窗口数据

window.open(url, [name], [configuration])

url, 为要新打开页面的url
name,为新打开窗口的名字,可以通过此名字获取该窗口对象
configuration,为新打开窗口的一些配置项,比如是否有菜单栏、滚动条、长高等等信息

1、name 为打开窗口的名字,可以自定义,如果name名称相同,多次打开只会打开一个窗口;

      也可以为以下值,若为以下值就是打开多个窗口不管页面是否相同

name描述
_blank默认的,在新窗口打开链接的url
_self在当前窗口打开链接url
_parent在父窗口打开链接url
_top在顶级窗口打开url
framename在指定的框架中打开链接url

2、window.open(url, name) 一般浏览器是打开一个新标签页,如果要打开一个新的窗口,需要加上conifguration 参数,例如:

window.open('https://www.baidu.com/', item.className, 'width=800,height=600,top=100,left=200,toolbar=yes,scrollbars=yes')
参数说明
topnumber窗口顶部距离屏幕顶部的像数
leftnumber窗口左部距离屏幕左部的像数
widthnumber窗口的宽度
heightnumber窗口的高度
menubaryes/no窗口有没有菜单
toolbaryes/no窗口有没有工具条
scrollbarsyes/no窗口有没有滚动条
statusyes/no窗口有没有状态栏

 3、场景:在a页面打开一个新窗口b,新窗口提交数据后关闭该窗口,同时a页面的列表数据需要刷新,这个时候可以用window.opener.location.reload() 方法可以执行对创建的主窗口的操作。

4、相应的还有,window.parent  更多的window方法查阅Window 对象 | 菜鸟教程

5、postmessage 方法,用localstorge存储数据然后用window.addEventListener("storage", function (e) { console.log(e) console.log(e.newValue) })

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值