window.open传参

使用`window.open`函数打开新窗口并传递参数可以通过以下步骤实现：

1. 在调用`window.open`函数时，设置第一个参数为新窗口的URL地址；
2. 在URL地址末尾添加参数，如`?param1=value1&param2=value2&...`；
3. 在新窗口中获取URL参数，可以通过`window.location.search`属性获取URL参数字符串，然后使用JavaScript的字符串操作函数解析参数。

例如，要在新窗口中打开`example.com`并传递参数`name`和`age`，可以使用以下代码：

var name = 'John';
var age = 30;
var url = 'http://www.example.com?name=' + name + '&age=' + age;
window.open(url);

在新窗口中获取参数的代码示例：

var params = window.location.search.substring(1).split('&');
var name = params[0].split('=')[1];
var age = params[1].split('=')[1];
console.log(name); // 输出 John
console.log(age); // 输出 30

相关问题

window.open 传参

window.open()是JavaScript中的一个方法，用于打开一个新的浏览器窗口或标签页。它可以接受多个参数来定制新窗口的行为和外观。

以下是window.open()方法的常用参数：

1. URL（字符串）：指定要在新窗口中加载的网址。例如，window.open("https://www.example.com")将在新窗口中加载"https://www.example.com"网页。

2. 窗口名称（字符串）：指定新窗口的名称。如果指定了相同名称的窗口已经存在，则新的URL将在该窗口中加载。如果名称为空或未指定，则新窗口将以随机生成的名称打开。

3. 特性（字符串）：指定新窗口的特性，如大小、位置、工具栏等。特性字符串由逗号分隔的键值对组成，每个键值对表示一个特性。例如，"width=500,height=400,toolbar=no"将设置新窗口的宽度为500像素、高度为400像素，并隐藏工具栏。

4. 替代内容（字符串）：在无法打开新窗口时显示的替代内容。如果浏览器阻止了弹出窗口，或者用户禁用了弹出窗口功能，将显示替代内容。

下面是一个示例：

window.open("https://www.example.com", "myWindow", "width=500,height=400");

这个示例将在一个名为"myWindow"的新窗口中打开"https://www.example.com"网页，并设置窗口的宽度为500像素、高度为400像素。

window.open传参vue获取参数

可以通过URL参数的方式将参数传递给新打开的窗口，然后在新窗口中通过window.location.search获取URL参数，再用vue的路由或者状态管理器来传递参数。

例如，以下代码将参数id和name传递给新窗口：

let id = 1;
let name = 'John';
window.open(`/newPage?id=${id}&name=${name}`);

在新窗口中可以通过以下方式获取参数：

let params = new URLSearchParams(window.location.search);
let id = params.get('id');
let name = params.get('name');

然后可以将参数存储在vue的状态管理器中：

this.$store.commit('setId', id);
this.$store.commit('setName', name);

或者通过路由传递参数：

this.$router.push({ path: '/newPage', query: { id: id, name: name } });

然后在新页面中可以通过$route.query来获取参数：

let id = this.$route.query.id;
let name = this.$route.query.name;