layui 父页面向子页面传值
时间: 2024-02-23 18:54:41 浏览: 22
在layui中,父页面向子页面传值可以通过URL参数、localStorage或者sessionStorage来实现。
1. URL参数:可以在URL中通过查询字符串的方式传递参数。在父页面中,可以通过拼接URL的方式将参数传递给子页面。在子页面中,可以通过获取URL参数的方式获取传递过来的值。
例如,在父页面中传递参数给子页面:
```javascript
var value = "Hello";
window.location.href = "child.html?param=" + value;
```
在子页面中获取传递过来的参数:
```javascript
var param = window.location.search.substr(1); // 获取URL参数部分
var value = param.split("=")[1]; // 获取参数值
console.log(value); // 输出:Hello
```
2. localStorage:可以使用localStorage来在父页面和子页面之间进行数据传递。在父页面中,可以使用localStorage.setItem()方法设置值;在子页面中,可以使用localStorage.getItem()方法获取值。
例如,在父页面中设置值:
```javascript
var value = "Hello";
localStorage.setItem("param", value);
```
在子页面中获取值:
```javascript
var value = localStorage.getItem("param");
console.log(value); // 输出:Hello
```
3. sessionStorage:与localStorage类似,但是存储的数据在会话结束后会被清除。
以上是layui中父页面向子页面传值的几种方式,你可以根据具体需求选择适合的方式进行使用。