window.open()各参数示例详解

时间：2025-10-24 06:27:59|栏目：html5|点击：67 次

基本语法：

window.open('http://****/');

window.open()各参数详解：

window.open('http://***/', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')

‘http://*****/’ ：弹出窗口的地址；

‘newwindow’ ：弹出窗口的名字（不是文件名），非必须，可用空”代替；

height=100 ：窗口高度；

width=400 ：窗口宽度；

top=0 ：窗口距离屏幕上方的象素值；

left=0 ：窗口距离屏幕左侧的象素值；

toolbar=no ：是否显示工具栏，yes为显示；

menubar，scrollbars ：表示菜单栏和滚动栏。

resizable=no ：是否允许改变窗口大小，yes为允许；

location=no ：是否显示地址栏，yes为允许；

status=no ：是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

弹出窗口居中方法:

function openWin(url,name,iWidth,iHeight) { 
            //获得窗口的垂直位置 
            var iTop = (window.screen.availHeight - 30 - iHeight) / 2; 
            //获得窗口的水平位置 
            var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; 
            window.open(url, name, 'height=' + iHeight + ',innerHeight=' + iHeight + '
　　　　　　　　,width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + '
　　　　　　　　,status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no'); 
        }

关闭弹出窗口:

window.opener = null; window.open('', '_self'); window.close();

新窗口中关闭代码如下：

<input type="button" onclick="window.opener = null; window.open('', '_self'); window.close();" value="关闭" />

到此这篇关于window.open()各参数详解的文章就介绍到这了,更多相关window.open()参数内容请搜索万象站长学堂以前的文章或继续浏览下面的相关文章，希望大家以后多多支持万象站长学堂！

上一篇：HTML5 Canvas 实现在线签字功能(示例代码)

栏目：html5

下一篇：HTML5使用＜blockquote＞标签实现段落缩进效果

本文标题：window.open()各参数示例详解

本文地址：https://zhanzhang.eapis.site/html/2323.html

html5

您可能感兴趣的文章

2025-10-23 20:11乌克兰忍者配置乌克兰忍者最低配置及要求
2025-10-22 09:02canvas绘制图片drawImage使用方法
2025-10-23 20:59Dreamweaver2018怎么添加标题? dw标题的制作方法
2025-10-22 11:15Centos安装nmon讲解
2025-10-23 21:42html中使用vue
2025-10-22 11:49CSS place
2025-10-23 22:26DreamWeaver怎导入项目? dw直接导入项目的教程
2025-10-22 13:11电脑病是什么意思？电脑病毒的危害与预防措施详细介绍
2025-10-23 23:09dreamweaver怎么制作向上滚动的文字代码?
2025-10-22 14:21FREEBSD6.2 详细安装图解

html5

window.open()各参数示例详解

您可能感兴趣的文章

阅读排行

推荐教程