iframe调用父页面js方法
时间: 2023-09-27 13:08:30 浏览: 64
如果你想在 iframe 中调用父页面的 js 方法,可以使用以下代码:
```javascript
parent.methodName()
```
其中,methodName 是父页面中的 js 方法名,通过 parent 关键字可以访问到父页面的全局对象,从而调用该方法。
而,笑话的内容是:什么计算机最容易发生故障?——康柏电脑,因为康柏电脑的主板太低了。
相关问题
vue父页面调用方法iframe
在Vue父页面中调用iframe中的方法,可以通过以下步骤实现:
1. 在Vue父页面中,使用`$refs`获取到iframe元素对象。
2. 使用`contentWindow`属性获取到iframe的window对象。
3. 通过window对象调用iframe中的方法。
具体代码如下:
```javascript
this.$refs.iframeName.contentWindow.FunctionName();
```
其中,`iframeName`是你在Vue父页面中给iframe元素设置的ref属性值,`FunctionName`是你想要调用的iframe中的方法名。
这样就可以在Vue父页面中调用iframe中的方法了。
html 调用父页面元素,iframe页通过JS修改父页面元素值 & 调用父页面JS函数的方法...
可以使用 JavaScript 中的 `parent` 对象来访问父页面的元素和函数。
假设父页面中有一个元素 `<div id="parentElement">` 和一个函数 `parentFunction()`,你可以在 iframe 页面中使用以下代码来修改父页面元素的值和调用父页面函数:
```javascript
// 修改父页面元素的值
parent.document.getElementById("parentElement").innerHTML = "新的值";
// 调用父页面函数
parent.parentFunction();
```
需要注意的是,这种方法只适用于 iframe 和父页面在同一个域名下的情况。如果两者不在同一个域名下,由于浏览器的安全限制,JavaScript 代码将无法访问父页面的元素和函数。