『聚合』 window.open()各参数示例详解

沙漠渔

2024-07-03 16:49:00 / 0 评论 / 0 点赞 / 101 阅读 / 1,452 字 / 正在检测是否收录...

07/03

温馨提示：

本文最后更新于 2024-07-03，若内容或图片失效，请留言反馈。部分素材来自网络，若不小心影响到您的利益，请联系我们删除。

基本语法：

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()参数内容请搜索『沙漠渔溏』以前的文章或继续浏览下面的相关文章，希望大家以后多多支持『沙漠渔溏』！

目录CONTENT

『聚合』 window.open()各参数示例详解

评论区