JS window 对象 打开新窗口

一、window.open()
window.open(URL,name,specs,replace)

功能描述:

  • 使用 window.open()方法既可以导航到一个特定的 URL,也可以打开一个新的浏览器窗口。

参数说明:

  • URL:可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口;
  • name:可选。指定target属性或窗口的名称。支持以下值:
            _blank URL加载到一个新的窗口。这是默认
            _parent URL加载到父框架
            _self URL替换当前页面
            _top URL替换任何可加载的框架集
            name 窗口名称
  • specs:可选。一个逗号分隔的项目列表。支持以下值:
            channelmode=yes|no|1|0是否要在影院模式显示 window。默认是没有的。仅限IE浏览器
            directories=yes|no|1|0是否添加目录按钮。默认是肯定的。仅限IE浏览器
            fullscreen=yes|no|1|0浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window,还必须在影院模式。仅限IE
    浏览器
            height=pixels窗口的高度。最小.值为100
            left=pixels该窗口的左侧位置
            location=yes|no|1|0是否显示地址字段.默认值是yes
            menubar=yes|no|1|0是否显示菜单栏.默认值是yes
            resizable=yes|no|1|0是否可调整窗口大小.默认值是yes
            scrollbars=yes|no|1|0是否显示滚动条.默认值是yes
            status=yes|no|1|0是否要添加一个状态栏.默认值是yes
            titlebar=yes|no|1|0是否显示标题栏.被忽略,除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes
            toolbar=yes|no|1|0是否显示浏览器工具栏.默认值是yes
            top=pixels窗口顶部的位置.仅限IE浏览器
            width=pixels窗口的宽度.最小.值为100
  • replace:Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
            true URL 替换浏览历史中的当前条目。
            false URL 在浏览历史中创建新的条目。
二、示列

2.1 在指定窗口打开

//等同于< a href="http://www.wrox.com" target="topFrame"></a> 
window.open("http://www.wrox.com/", "topFrame"); 

2.2 设置打开窗口测参数

window.open("http://www.wrox.com/","wroxWindow", 
 "height=400,width=400,top=10,left=10,resizable=yes"); 

2.3 关闭新开的窗口

var wroxWin = window.open("http://www.wrox.com/","wroxWindow", 
 "height=400,width=400,top=10,left=10,resizable=yes"); 
//调整大小
wroxWin.resizeTo(500,500); 
//移动位置
wroxWin.moveTo(100,100); 
调用 close()方法还可以关闭新打开的窗口。
wroxWin.close();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

书香水墨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值