it编程 > 网页制作 > html5

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

320人参与 2024-06-19 html5

基本语法:

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()参数内容请搜索代码网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持代码网!

(0)
打赏 微信扫一扫 微信扫一扫

您想发表意见!!点此发布评论

推荐阅读

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

06-19

uniapp在h5页面实现扫码功能(html5-qrcode)

06-11

html5 video 标签 controlslist详细使用

05-15

HTML5 服务器发送事件(Server-Sent Events)使用详解

05-15

HTML5兼容HEVC视频格式且支持本地绝对路径访问的操作方法

05-15

关于document.body.clientHeight返回值为0的完美解决方案

05-16

猜你喜欢

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论