js向iframe内传参
时间: 2023-07-06 22:41:47 浏览: 65
你可以通过以下步骤向 iframe 内传递参数:
1. 获取 iframe 对象:可以通过 `document.getElementById()` 或 `document.querySelector()` 方法获取到 iframe 对象。
2. 使用 `contentWindow` 属性获取到 iframe 内部的 window 对象。
3. 在 iframe 内部的 window 对象上调用方法或属性,将参数传递给 iframe 内部。
例如,假设你的 iframe 的 id 为 `myIframe`,需要向其内部传递参数 `param1` 和 `param2`,可以使用以下代码:
```javascript
var iframe = document.getElementById('myIframe');
var iframeWindow = iframe.contentWindow;
iframeWindow.postMessage({param1: 'value1', param2: 'value2'}, '*');
```
在 iframe 内部,可以通过监听 `message` 事件,接收到传递的参数:
```javascript
window.addEventListener('message', function(event) {
var data = event.data;
console.log(data.param1); // 输出 'value1'
console.log(data.param2); // 输出 'value2'
});
```
请注意安全性,尽量避免向不受信任的 iframe 传递敏感信息。