window.open()使用

第一次使用window.open()
开始对于他的理解就是打开浏览器,不过他的做用也确实是打开一个页面,如果说让我们在一个新的页面打开一个标签,我最先想到的是a标签,因为<a href = "跳转链接" target="跳转的方式"></a>
target的跳转方式(w3chool中的描述):
blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
因而在开发项目的时候首先想到就是a标签,但是在实际的开发过程中,使用href直接跳转或者使用angularjs中的ui-sref=""跳转都会出现请求不了数据。
所以之后发现是用window.open(‘跳转路径’,’_blank’) 实现在新的标签中打开网页并成功请求数据。
上面href 的四种方式在window中同样适用window.open(“跳转路径”,‘跳转的方式’)
除此参数以外,window.open()还有其他的参数
完整语法为:window.open(url,name,parameters)
url:页面路径;
name:子窗口句柄(可以为空);
parameters:其他的参数配置(在新窗口打开的其他配置,多项用逗号隔开)
完整的语句运用
` window.open(‘wap.html’,“newwindow”,‘height=100, width=100, toolbar=true, menubar=no, scrollbars=no, resizable=no, location=n o, status=no’)
paramester 的参数说明:
alwaysLowered | yes/no(1/0) | 指定窗口隐藏在所有窗口之后
alwaysRaised |yes/no(1/0) | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value |窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键 innerHeight | pixel
value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见 menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度 outerWidth |pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no |窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY |pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值