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,都是新窗口打开链接的

  以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

  您可能感兴趣的文章: