同域下iframe父页面和子页面调用

我在页面中使用iframe标签，有的时候就需要两个页面交互

<iframe id="Iframe"  src="{{url('field/user')}}"></iframe>

 

在父页面中获取子页面内容：

var frameWin = document.getElementsByTagName('iframe')[0].contentWindow;//获取iframe窗口
var framewinFrom = $(frameWin.document).find('#userfrom');//子页面的元素

 

 

在子页面中获取父页面：

var parentWin = window.parent;//父窗口
var $parentDoc = $(parentWin.document);//父页面
var $parentBody = $parentDoc.find('body');
var value = $parentBody.find('#user');//父页面的元素

 

转载于:https://www.cnblogs.com/nosmoking/p/9169182.html