iframe父、子窗口元素获取和方法

1. jquery在iframe子页面获取父页面元素和方法代码如下:

parent.$("selector");

parent.method();

2. jquery在父页面获取iframe子页面的元素和方法代码如下:

iframe.$("select");

iframe.method();

3.js在iframe子页面获取父页面元素代码如下:

window.parent.document.getElementById("元素id");

4.js在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].document.getElementById("元素id");

注意区分:contentWindow,和contentDocument
iframe.contentWindow, 获取iframe的window对象
iframe.contentDocument, 获取iframe的document对象 

注意事项

要确保在iframe加载完成后再进行操作,如果iframe还未加载完成就开始调用里面的方法或变量,会产生错误。判断iframe是否加载完成有两种方法

1. iframe上用onload事件

2. 用document.readyState=="complete"来判断

猜你喜欢

转载自blog.csdn.net/weixin_42606458/article/details/80908344
今日推荐