vue如何使用window.open打开页面并拼接参数
目录
使用window.open打开页面并拼接参数
window.open常用来在项目中链接外部网站,接收三个参数
1.strUrl,要打开的页面或资源的url地址
2.strWindowName,窗口的名字,用于后续对该窗口的引用,不是窗口的标题。该参数除了支持普通的名字外,还支持和a标签一样的特殊关键字:_self(当前窗口)、_blank(空白窗口)、_parent(父窗口)、_top(顶级窗口)
3.strWindowFeatures,窗口的描述参数,如尺寸、位置、是否启用工具栏等。各个参数由逗号隔开,参数之间以等号连接。可以指定窗口的大小和位置。
如果需要在地址后拼接参数,可以对地址使用转义字符,使用${}拼接参数。
window.open(`http://cams.mof.gov.cn/am-server/#/MigrtDetailInfo?d=${this.currentId}`, '_blank','top=10,left=10,width=400,height=200')
使用window.open()参数详解
打开新窗口有多种情况:
下面为大家介绍一下使用window.open()如何实现这两种情况。
1.window.open()有三个参数
windows.open("URL","name","configuration");
2.举例说明
新打开一个没有菜单栏、标题栏、工具栏,但是有滚动条、状态栏、地址栏且可伸缩窗口
window.open
(
//第一个参数
"index.html",
//第二个参数
"newWindow",
//第三个参数
"width=1024, height=700,
top=0, left=0,
titlebar=no, menubar=no,
scrollbars=yes,
resizable=yes,
status=yes, ,
toolbar=no,
location=yes"
);
3.第二个参数详解
4.第三个参数详解
①window.open(url)或者window.open(url, name),其中name为_blank
标准浏览器、新标签打开链接url
②window.open(url, name, configration)
只要配置了configration,都是新窗口打开链接的
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- .NET Core系列之MemoryCache 初识
- 007手机一键Root(安机网一键Root) v3.0 官方最新版 一键ROOT您的Android手机
- 12306密码被盗了怎么办?12306密码外泄解决方法
- 12个字的qq网名
- 150M迷你型无线路由器怎么设置?
- 192.168.1.1打不开怎么办?路由器192.168.1.1打不开的原因以及解决办法
- 2011年电子报合订本 电子报 编辑部 中文 PDF版 [84M]
- 2015年1月15日小米新旗舰发布会现场图文直播
- 2016.3.1vivo Xplay5新品发布会现场视频直播 优酷直播
- 2016华为P9发布会视频直播地址 4月15日华为P9国行发布会直播