HTML中IFrame父視窗與子視窗相互操作

2021-06-12 09:04:18 字數 3936 閱讀 2149

一、iframe篇

//&&&&&&&&&&&&&&&&&&&&公共方法開始&&&&&&&&&&&&&&&

//父物件得到子視窗的值

//objectid是視窗標識,contentid是元素id

function getvalue(objectid,contentid)

else

else

}     }

//父物件向子視窗賦值

//objectid是視窗標識,contentid是元素id

function setvalue(objectid,contentid)

else

}//&&&&&&&&&&&&&&&&&&&&公共方法結束&&&&&&&&&&&&&&&

1.父視窗對子視窗操作

重新整理:

document.getelementbyid("iframeid").src=document.getelementbyid("iframeid").src+"?_="+math.random();

上面這種方法有時需要對「src」屬性處理一下。

取值:

//父視窗取子視窗的值

getvalue("iframe1","iframediv");

賦值:

//父視窗設定視窗元素的值;

setvalue("iframe1","iframediv");      

2.子視窗操作父視窗

重新整理:

(1)、window.parent.location.href=window.parent.location.href;  

(2)、window.parent.location.reload();

(3)、大家可以補充

取值:

alert(window.parent.document.getelementbyid("iframediv").innerhtml);    

賦值:

window.parent.document.getelementbyid("iframediv").innerhtml="我是從子視窗iframe傳過來的值";

關閉:

window.parent.opener=null;//如果不加這句,會提示關閉詢問視窗;

window.parent.close();

二、window.open篇

1.父視窗對子視窗操作

開啟:

var win=null;

win=window.open("open.html","win","width=200,height=200");

最大化:

//視窗最大化

function sonmaximize()

else }

最小化:

//視窗最小化

function sonminimize()

else     }

關閉:

//關閉視窗

function closeson()

else }

重新整理:

//重新整理

function refreshson()

else }

檢視視窗大小:

function viewsonsize()

else

}取值:

alert(window.document.getelementbyid("opendiv").innerhtml);

賦值:

win.document.getelementbyid("opendiv").innerhtml="我是從父視窗中傳過來的值";

2.子視窗操作視窗

重新整理:

window.opener.location.reload();

//下面這種方法也可以

關閉本視窗:

//關閉本視窗

function closewindow()

關閉父視窗:

//關閉父視窗

function closeparent()

else

} 取值:

alert(window.opener.document.getelementbyid("opendiv").innerhtml);     

賦值:

window.opener.document.getelementbyid("opendiv").innerhtml="我是從子視窗open傳過來的值";           

三、模態視窗篇

1.父視窗操作子視窗

父視窗js**:

varparvalue="現在顯示了父視窗中的變數值";

varhao="郝建衛";

functionshowdailog(pagehref,title,height,width)

} function  test()

2.模態視窗操作父視窗

varparentwin=window.dialogarguments; 

重新整理:

parentwin.location.reload(); 

取值:

alert(parentwin.document.getelementbyid("showmodaldialogdiv").innerhtml)   //獲取父視窗中的物件

alert("我是從父視窗中得到的變數》"+parentwin.parvalue);       //獲取父視窗中的變數

呼叫父視窗js方法:

parentwin.test();   //呼叫父視窗中的方法

賦值:

parentwin.document.getelementbyid("showmodaldialogdiv").innerhtml="我是從子視窗showmodaldialog傳過來的值";      

關閉本視窗:

//關閉本視窗

functionclosewindow()

關閉父視窗:

//關閉父視窗

functionclosemodal()

else     }

HTML中IFrame父視窗與子視窗相互操作

公共方法開始 父物件得到子視窗的值 objectid是視窗標識,contentid是元素id function getvalue objectid,contentid if isie elseelseelseelseelseelse alert 還沒有開啟視窗或者已關閉 取值 alert windo...

jquery父視窗與iframe中js方法互相呼叫

1,子iframe內呼叫父類函式方法 window.parent.func 2,子iframe中獲取父介面的元素 xx window.parent.document 這個xx就是父介面中要獲取的元素的id。3,jquery 呼叫子iframe頁面中js的方法 iframefunction 是子頁面的...

父視窗操控iframe

iframe id為iframecover,其中有個classname為m ebookmaker cover的div 需要獲取iframe中的乙個div物件進行操作 參考 發現 window.frames iframecover document根本獲取不到物件,正確的方法應該是 所說,使用cont...