js设置弹出式独立窗口页面，和 window 的方法

最新推荐文章于 2026-04-03 02:39:40 发布

原创最新推荐文章于 2026-04-03 02:39:40 发布 · 1.3k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#javascript #开发语言 #ecmascript

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'
  )