window.open() 可打开一个新的窗口,
在项目中使用window.open()打开的窗口在使用window.location.reload()方法刷新时会出现刷新之后不会正常显示页面
经过查询以及调试在windw.location.reload()中传入参数true即可实现正常刷新
window.location.reload(true);
既然涉及两个方法那就回顾一下两个方法的语法
-
window.open()
用于打开一个新的浏览器窗口
window.open(URL,name,specs,replace)
详细的参数说明参考 菜鸟教程window.open()
例如:在新窗口打开百度,宽度为屏幕宽度的90%,高度为80%,距离屏幕左侧5%,距离屏幕顶端10%,可调整窗口大小,有滚动条
var url="www.baidu.com";
var width=screen.availWidth*0.9;
var height=screen.availHeight*0.8
var left=screen.availWidth*0.05;
var top=screen.availHeight*0.1;
window.open(url,"","width="+width+"px,height="+height+"px,left="+left+"px,top="+top+resizable=1,scrollabls=1");
第三个参数的设置参考下边的表格
参数名 | 参数值 | 说明 |
width | pixels | 窗口的宽度.最小值为100 |
height | pixels | 窗口的高度。最小值为100 |
top | pixels | 窗口顶部的位置仅限IE浏览器 |
left | pixels | 该窗口的左侧位置 |
menubar | yes|no|1|0 | 是否显示菜单栏.默认值是yes |
scrollbars | yes|no|1|0 | 是否显示滚动条.默认值是yes |
status | yes|no|1|0 | 是否要添加一个状态栏.默认值是yes |
resizable | yes|no|1|0 | 是否可调整窗口大小.默认值是yes |
子页面获取父页面的元素
window.opener.$("元素的class或id")
2.window.location.reload()
可以实现刷新当前页面,若传参数true,则无论文档内容有无改变,均会重新下载文档