layui父页面向子页面传值
时间: 2023-11-30 21:41:40 浏览: 118
layuiAdmin.std-v1.7.1
4星 · 用户满意度95%
可以通过URL传参的方式,将父页面的数据传递给子页面。具体步骤如下:
1.在父页面中,使用URL传参的方式将数据传递给子页面。例如,将一个名为data的变量的值传递给子页面:
```javascript
var data = 'hello';
window.location.href = 'child.html?data=' + data;
```
2.在子页面中,通过获取URL参数的方式获取父页面传递过来的数据。例如,获取名为data的参数的值:
```javascript
var data = getQueryString('data');
console.log(data); // 输出:hello
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
```
3.如果需要在子页面中修改父页面的数据,可以使用parent关键字来调用父页面的方法。例如,将子页面中的一个名为result的变量的值传递给父页面:
```javascript
var result = 'world';
parent.setData(result);
```
4.在父页面中,定义setData方法来接收子页面传递过来的数据。例如:
```javascript
function setData(result) {
console.log(result); // 输出:world
}
```
阅读全文