实例：window.parent.document.getElementByIdx_x("btnOk").click();

jquery

在父窗口中获取iframe中的元素?

1、

格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1

实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法1

2、

格式：$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2

实例：$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

在iframe中获取父窗口的元素

格式：$(‘#父窗口中的元素ID’, parent.document).click();

实例：$(‘#btnOk’, parent.document).click();

父窗获取子窗口的IFrame中的JS方法

====================

一、父窗口调用iframe子窗口方法

1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：

复制代码代码如下:

<html>?

<head>?

<script type="text/javascript">?

function say() {?

alert("parent.html——>I’m at parent.html");?

}?

function callChild()?

{?

//document.frames("myFrame").f1();?

myFrame.window.say();?

}?

</script>?

</head>?

<body>?

<input type=button value="调用child.html中的函数say()" οnclick="callChild()">?

<iframe name="myFrame" src="child.html"></iframe>?

</body>?

</html>?

5、子窗口页面：

复制代码代码如下:

<html>?

<head>?

<script type="text/javascript">?

function say()?

{?

alert("child.html—>I’m at child.html");?

}?

function callParent() {?

parent.say();?

}?

</script>?

</head>?

<body>?

<input type=button value="调用parent.html中的say()函数" οnclick="callParent()">?

</body>?

</html>?

二、iframe 父窗口和子窗口相互的调用方法

1、IE中使用方法： 父窗口调用子窗口：iframe_ID.iframe_document_object.object_attribute = attribute_value 例子：onClick="iframe_text.myH1.innerText=’http://www.pint.com‘;" 子窗口调用父窗口：parent.parent_document_object.object_attribute = attribute_value 例子：οnclick="parent.myH1.innerText=’http://www.pint.com‘;" 2、Firefox中使用方法： 上面在IE下没有问题，但在firefox下不正常。在firefox下，应该是如下调用方法： 父窗口调用子窗口：window.frames["iframe_ID"].document.getElementById("iframe_document_object"-).object_attribute = attribute_value 例： window.frames["iframe_text"].document.getElementById("myH1").innerHTML= "http://hi.jb51.net"; 子窗口调用父窗口：parent.document.getElementById("parent_document_object").object_attribute = attribute_value 例： parent.document.getElementById("myH1").innerHTML = "http://jb51.net"; 3、完整的例子 test.htm

复制代码代码如下:

<HTML>?

<HEAD>?

<TITLE> Test Page </TITLE>?

<script src="prototype-1.4.0.js"></script>?

<script language="javascript">?

function show()?

{?

window.frames["iframe_text"].document.getElementById("myH1").innerHTML = "http://hi.jb51.net";?

}?

</script>?

</HEAD>?

<BODY>?

<iframe height="350" width="600" src="iframe_test.htm" name="iframe_text"></iframe>?

<form action="" method="post">?

<input name="haha" id="haha" type="text" maxlength="30" value="haha" />?

<br />?

<textarea cols="50" rows="5" id="getAttributeMethod"></textarea>?

<input type="button" onClick="show();" value="提交"/>?

常用的JavaScript设计模式

  • 单体模式

  • 工厂模式

  • 例模式

    Iframe的那些事，最全指南

函数