iframe嵌套页面加载慢iframe里的js调用iframe所在页面的方法
随着网页应用程序的逐渐发展，越来越多的页面采用iframe方式来嵌套显示其他页面。但是，在嵌套显示的iframe页面中，如果需要调用所在页面的方法，该怎么办呢？本文将介绍如何在iframe里的js中调用所在页面的方法。
1.获取iframe对象
首先，需要获取嵌套iframe页面的对象。可以通过以下代码来获取该对象：
```javascript
var myframe = ElementById("myframe");
```
其中，"myframe"表示iframe标签的id属性。通过该方式可以获取到iframe页面的对象，后续操作都将基于该对象进行。
2.获取iframe对象所在的window对象
获取到iframe对象之后，接下来需要获取到该iframe对象所在的window对象。代码如下：
```javascript
var myframeWindow = tWindow || tDocument.parentWindow;
```
其中，"contentWindow"表示获取iframe对象的window对象；"contentDocument"表示获取iframe对象的文档对象；"parentWindow"表示获取iframe对象的父窗口的window对象。以上三种方式中，只有一种方式是可用的，具体要看不同浏览器的支持情况。
3.调用所在页面的方法
有了iframe对象和所在页面的window对象，接下来就可以调用所在页面的方法了。假设所在页面有一个名为"myfunc"的方法，那么可以通过以下方式来调用：
```javascript
func();
```
以上代码就可以在iframe里的js中调用所在页面的方法了。需要注意的是，所在页面的方法必须是全局方法才能被iframe里的js调用，如果该方法是局部方法，则无法调用。
4.跨域的问题
上述方法只适用于同域的情况，如果iframe属于其他域名，则无法通过该方式调用。这是由于同源策略限制导致的。如果需要在跨域的情况下调用所在页面的方法，可以通过以下方式来实现：
在所在页面中定义一个全局方法，在该方法中实现需要进行的操作；在iframe页面中调用该方法，并将所需参数传递给该方法。例如，所在页面定义如下方法：
```javascript
function myfunc(param1, param2){
    // 实现所需操作
}
```
在iframe页面中调用该方法：
```javascript
func(param1, param2);
```
其中，"parent"表示iframe所在页面的window对象，因为只有通过该对象才能访问到所在页面的方法。
总结：
如上所述，可以通过获取iframe对象、获取iframe对象所在的window对象以及调用所在页
面的方法来实现在iframe里的js中调用所在页面的方法。需要注意的是，在跨域的情况下，需要特殊处理才能实现该功能。在实际开发中，需要根据具体的场景来选择合适的方式来实现。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。