1、效果:浏览器打开一个新的页面,并弹出来在当前页面之上
const openNewWin = function () {
window.open(
'https://www.oecom.cn',
'单独窗口',
'height=300,width=600,top=300,left=200,toolbar=no,menubar=no, scrollbars=no,resizable=no,location=no, status=no'
)
}
上面的所有参数我并没有写全,下面我们来看一下参数的解释说明:
- window.open 弹出新窗口的命令;
- ‘https://www.oecom.cn’ 弹出窗口的文件名,相对路径绝对路径都可以;
- ‘_blank’ 弹出新的独立窗口,非必须,可用空”代替,默认是’_self’;
- height=100 窗口高度;
- width=400 窗口宽度;
- top=0 窗口距离屏幕上方的象素值;
- left=0 窗口距离屏幕左侧的象素值;
- toolbar=no 是否显示工具栏,yes为显示;
- menubar=no 是否显示菜单栏,yes为显示;
- scrollbars=no 是否显示滚动栏,yes为显示;
- resizable=no 是否允许改变窗口大小,yes为允许;
- location=no 是否显示地址栏,yes为允许;
- status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
- alwaysLowered 窗口隐藏在所有窗口之后,yes为允许;
- alwaysRaised 窗口悬浮在所有窗口之上,yes为允许;
- depended 是否和父窗口同时关闭,yes为允许;
- titlebar 窗口题目栏是否可见,yes为允许;
- z-look 窗口打开后是否浮在所有窗口之上,yes为允许;
更多阻止弹框等问题:https://blog.csdn.net/weixin_44786530/article/details/129348208
2、open多个窗口
window.open (url,pageame,“**”)
要点说明: 必须定义新的窗口的名字,pageame与之前的不同
let num=0;
num++;
window.open(
'https://www.oecom.cn',
'单独窗口'+num,
'height=300,width=600,top=300,left=200,toolbar=no,menubar=no, scrollbars=no,resizable=no,location=no, status=no'
)