非同源页面嵌套,父页面给子页面传值
时间: 2024-02-05 09:39:56 浏览: 24
父页面可以通过以下步骤给嵌套的子页面传值:
1. 在父页面的 JavaScript 中定义一个变量来存储要传递的值。
2. 在子页面的 JavaScript 中使用 `window.parent` 来访问父页面,并通过该对象的属性或方法来传递值。
例如,在父页面中定义一个变量 `message`,并将其值设置为字符串 "Hello, World!":
```javascript
var message = "Hello, World!";
```
然后,在子页面的 JavaScript 中,可以通过以下方式来访问父页面,并获取 `message` 变量的值:
```javascript
var parentWindow = window.parent;
var message = parentWindow.message;
console.log(message); // 输出:"Hello, World!"
```
如果要在子页面中修改父页面的值,则可以通过以下方式来实现:
在父页面的 JavaScript 中,定义一个函数,该函数可以用来更新变量的值:
```javascript
function setMessage(newMessage) {
message = newMessage;
}
```
然后,在子页面的 JavaScript 中,可以通过以下方式来调用该函数来更新父页面的值:
```javascript
var parentWindow = window.parent;
parentWindow.setMessage("New message");
```