⑴ iframe怎麼通過js修改子頁面的內容
1、iframe子頁面調用父頁面js函數
子頁面調用父頁面函數只需要寫上window.praent就可以了。比如調用a()函數，就寫成：
代碼如下:
window.parent.a();
子頁面取父頁面中的標簽中的值，比如該標簽的id為「test」,則：
代碼如下:
window.parent.document.getElementById("test").value;
jQuery方法為：
$(window.parent.document).contents().find("test").val();
但是我在chrome瀏覽器下卻發現此方法無效了！查了半天才了解，在chrome 5+中，window.parent無法在file://協議中運行，但是發布了之後http://協議下是可以運行的。此方法支持ie、firefox瀏覽器。
2、iframe父頁面調用子頁面js函數
代碼如下:
這個就稍微復雜一些，下面的方法支持ie和firefox瀏覽器：
document.getElementById('ifrtest').contentWindow.b();
子頁面取父頁面中的標簽中的值，比如該標簽的id為「test」,則：
document.getElementById("test").value;
註：ifrtest是iframe框架的id，b()為子頁面js函數。contentWindow屬性是指定的frame或者iframe所在的window對象，IE下可以省略。
⑵ jquery，iframe,如何在父窗口監聽，子窗口發生改變時，父窗口獲取子窗口的值
①jquery在父頁面 獲取iframe子頁面的元素
代碼如下:（objid為子頁面的id）
$("#objid",document.frames('iframename').document)
②js 在父頁面獲取iframe子頁面元素代碼如下:
window.frames["iframe_ID"].document.getElementByIdx_x("元素id");
以上兩種都能獲取到子頁面中的元素，再根據元素去獲取元素的值就可以了。
⑶ iframe 父頁面調用子頁面方法
iframe 父頁面調用子頁面方法：
parent.frames["frameName"].window.functionName();
frameName:IFrame的ID;
funtionName:子頁面中JS方法名;
var obj = parent.frames["frameName"].window;
在父頁面訪問子頁面中某個控制項如:obj.document.getElementByIdx_x('clientID')
子頁面刷新父頁面:top.window.location.replace(Url);
⑷ 如何利用jquery插件來操作iframe子級頁面的元素
結合當前非常流行的 jquery 分享一下如何使用 jquery 查找和操作 iframe 父級頁面元素的實現代碼。實例如下：
XML/HTML Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>父級頁面</title>
</head>
<body>
<div id="example">這是父級頁面！</div>
<div>
<iframe src="iframe.html"></iframe>
</div>
</body>
</html>
下面是 iframe.html 頁面代碼：
XML/HTML Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe 子級頁面</title>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript">
$("body",parent.document).append('這是子級頁面添加的內容！');
$("body",parent.document).find('#example').html('子級頁面將替換父級頁面的內容！');
</script>
</head>
<body>
iframe 子級頁面內容
</body>
</html>
另外由於 iframe 不能跨域，所以直接打開以上文件的話，有的瀏覽器可能不起作用，這時可以將以上兩文件上傳到本地或遠程伺服器上看效果。
另外對於javascript操作iframe對象有幾點需要說明的是：
iframe里的js要操作父級窗口的dom，必須搞懂幾個對象：
parent是父窗口（如果窗口是頂級窗口，那麼parent==self==top），
top是最頂級父窗口（有的窗口中套了好幾層frameset或者iframe），
self是當前窗口（等價window），
opener是用open方法打開當前窗口的那個窗口；
這樣iframe里的js要操作父級窗口的dom可以通過parent，top這些對象來獲取父窗口的window對象，例如：
parent.document.getElementById("dom ID");
parent，top還能調用父級窗口的的js方法，比如，getIFrameDOM(iID）是父級窗口的一個方法，那麼iframe里可以使用parent.getIFrameDOM("wIframeA")來調用父級窗口的getIFrameDOM(iID）方法。
⑸ iframe 子頁面JS如何調用父頁面全局變數
1、在父頁面訪問Iframe子窗體的txtAddress控制項
window.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;
2、在Iframe子窗體1訪問父頁面的TextBox1控制項 , 子窗體1把值賦給子窗體2的某個控制項
string strValue = "從子窗體傳遞給父頁面的值" ;
下面是在Page_Load事件裡面調用的,當然可以寫在javascript腳本裡面
this.Response.Write("<script>parent.document.all('TextBox1').value = '" + strValue + "';</script>");
this.Response.Write("<script>if( parent.document.all('TextBox2').value = '0')parent.document.all('TextBox1').value = '44';</script>");
3、子窗體訪問父窗體中的全局變數：
parent.xxx;
4、在Iframe子窗體1訪問子窗體2的txtAddress控制項 子窗體1把值賦給子窗體2的某個控制項
window.parent.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;
父窗體提交兩個Iframe子窗體
window.frames["ifrMapCompanyDetails"].Form1.submit();
window.frames["ifrMapProctInfoDetails"].Form1.submit();
Iframe子窗體 調用父頁面的javascript事件
window.parent.XXX()
//父頁面調用當前頁面中IFRAME子頁面中的腳本childEvent
function invokechildEvent()
{ var frm = document.frames["ifrChild1"].childEvent(); }
或者調用當前頁面中第一個IFRAME中的腳本childEvent
{ var frm = document.frames[0]; frm.childEvent(); }
//子頁面調用父窗體的某個按鈕的按鈕事件
window.parent.Form1.btnParent.click()
父頁面調用子窗體的某個按鈕的按鈕事件
window.frames['ifrChild1'].document.all.item("btnChild3").click();
//jquery 部分：
1.在父窗口中操作 選中IFRAME中的所有單選鈕
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 選中父窗口中的所有單選鈕
$(window.parent.document).find("input[@type='radio']").attr("checked","true");
⑹ iframe包含頁面如何引用父級頁面的js文件（注意不是某個方法）
如果父級頁面的域名是
www..com
子級域名是
ued..com
可以如下：兩個頁面都設置document.domain
=
"xxx.com";注意不要帶有www如果不是主域名和子域名關系的話，那麼就沒有太好的辦法了，這牽扯到跨域問題了~