HTML笔记 javascript ·

js设置弹出式独立窗口页面

一般简单的情况下我们会直接使用弹层的形式来进行处理,但是有的时候是一个复杂页面,需要弹窗显示,新开页面在另一个页签显示还达不到效果,所以我们需要让浏览器打开一个新的页面,并弹出来在当前页面之上,下面我们来看一下代码实现

window.open('https://www.oecom.cn', 
'_blank', 
'height=100,
width=400, 
top=0,
left=0,
toolbar=no,
menubar=no, 
scrollbars=no,
resizable=no,
location=no, 
status=no');

window.open一共接收三个参数,上面代码中第三个参数要在一行,不能换行,我这里为了方便显示将其换行了

上面的所有参数我并没有写全,下面我们来看一下参数的解释说明:
- 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为允许;

参与评论