iframe子页面,父页面相互调用(同域)

先上代码:

父页面.html

<!DOCTYPE html>
<html>
<head>
    <title>父页面</title>
</head>
<body>
    <div id=‘parent‘></div>
    <iframe id="FrameId" name="frameName" frameborder="0" width="100%" height="100%;" src="../list"></iframe>
</body>
<script type="text/javascript">
    var flag=20;
    //获得子页面id=children的div
    //javascript
    var chiDiv=document.getElementById(‘FrameId‘).contentWindow.document.getElementById(‘children‘);
    //jquery
    var chiDiv=$(‘#FrameId‘).contents().find(‘#children‘)

    //获得子页面js中的变量
    var temp=document.frameName.temp;
</script>
</html>

子页面.html

<!DOCTYPE html>
<html>
<head>
    <title>子页面</title>
</head>
<body>
    <div id=‘children‘></div>
</body>
<script type="text/javascript">
    var temp=10;
    //获得父页面id=parent的div
    //javascript
    var parDiv=window.parent.document.getElementById(‘parent‘);
    //jquery
    var parDiv=$(window.parent.document).find(‘#parent‘);

    //获得父页面js中的变量
    var flag=parent.flag;
</script>
</html>

一、父页面调用子页面

1、先得到子页面的document

document.getElementById(‘FrameId‘).contentWindow.document

2、得到子页面的window

document.getElementById(‘FrameId‘).contentWindow.window

重载子页面:document.getElementById(‘FrameId‘).contentWindow.window.location.reload(true);

或者     $(‘#FrameId‘).attr(‘src‘,‘../list‘);

3、得到子页面的的变量

doucment. iframe的name属性值 . 子页面变量名称       (document.frameName.temp)

二、子页面调用父页面

1、父页面document : window.parent.document

2、获得父页面变量 : parent.变量名称

3、调用事件 : window.parent.XXX();

时间: 2024-02-11 11:25:55

iframe子页面,父页面相互调用(同域)的相关文章

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

1.父窗口调用iframe里面的方法 iframename.window.method(); 2.子窗口调用父窗口方法 parent.window.method(); 3.父窗口获取iframe里面元素 $("#id",document.frames["iframename"].document); 4.子窗口获取父窗口元素 $("#id",parent.document);

Iframe父页面与子页面之间的相互调用

iframe元素就是文档中的文档. window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. contentWindow: 是指指定的iframe或者iframe所在的window对象 Demo1 父页面fu.html: <!DOCT

js中子页面父页面方法 变量相互调用

(1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如:想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val();//这种写法的前提是引用了jquery window.parent.getElementById(&qu

js中子页面父页面方法和变量相互调用

(1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如:想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val();//这种写法的前提是引用了jquery window.parent.getElementById(&quo

ifram子页面与父页面的方法相互调用

parent.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Parent P

CRM 2016 IFrame 函数修改 父页面字段

IFrame js 代码: parent.Xrm.Page.getAttribute("new_xxxx").setValue(123); 当然,可以设置 new_xxxx 字段的OnChange 事件,这样就可以通过OnChange事件做更多的事情. 调用时需写入以下代码:fireOnChange 以激活字段OnChange事件. IFrame js 代码: parent.Xrm.Page.getAttribute("new_xxxx").fireOnChange

Iframe父页面与子页面之间的调用

专业词语解释如下:     Iframe:iframe元素是文档中的文档.     window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. contentWindow: 是指指定的iframe或者iframe所在的window对象.

JQuery调用iframe父页面元素与方法

JQuery操作iframe父页面与子页面的元素与方法 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe中调用父页面中定义的方法和变量: parent.method parent.value 第四.

JQuery调用iframe子页面函数/对象的方法例子

父页面有个ID为mainfrm.name为Iframe1的iframe,iframe连接b.html,该页面有个函数test 在父页面调用b.html的test方法为: $("#mainfrm")[0].contentWindow.test(); 或者 this.frames["Iframe1"].doQuery(); 在当前弹出的子页面中打开另一个打开页面中的函数,例如在弹出的edit.html页面中调用dataList.html页面中的函数test parent

JQuery操作iframe父页面与子页面的元素与方法

JQuery操作iframe父页面与子页面的元素与方法 更新: 2011-05-05 来源: 互联网 字体:[大 中 小] - JQUERY IFRAME 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在ifr