html中iframe控制父頁(yè)面刷新實(shí)現(xiàn)思路及代碼
發(fā)布時(shí)間：2013-07-08 18:21:01 作者：佚名 
我要評(píng)論
我要評(píng)論正如標(biāo)題所言具體的實(shí)現(xiàn)思路為在b頁(yè)面中找到a頁(yè)面，然后找到a頁(yè)面里的iframe，重新對(duì)iframe的src屬性進(jìn)行賦值，下面以實(shí)例的方式為大家介紹下，感興趣的朋友可以參考下哈
一、應(yīng)用場(chǎng)景
父頁(yè)面 a.jsp
子頁(yè)面 b.jsp，作為a頁(yè)面中嵌入的iframe指向的頁(yè)面
<body>
<iframe id="frame" src="b.jsp" .../>
</body>
現(xiàn)在在b頁(yè)面中做了一項(xiàng)操作，操作結(jié)束后，需要達(dá)到a頁(yè)面中嵌入的iframe刷新
二、思路
在b頁(yè)面中找到a頁(yè)面，然后找到a頁(yè)面里的iframe，重新對(duì)iframe的src屬性進(jìn)行賦值。
三、實(shí)現(xiàn)
在b.jsp中
function refresh(){
var frame = window.parent.document.getElementById("frame");
var path = frame.getAttribute("src");
frame.setAttribute("src", path);
}
這樣只刷新了frame，局部刷新的效果。
父頁(yè)面 a.jsp
子頁(yè)面 b.jsp，作為a頁(yè)面中嵌入的iframe指向的頁(yè)面
復(fù)制代碼
代碼如下:<body>
<iframe id="frame" src="b.jsp" .../>
</body>
現(xiàn)在在b頁(yè)面中做了一項(xiàng)操作，操作結(jié)束后，需要達(dá)到a頁(yè)面中嵌入的iframe刷新
二、思路
在b頁(yè)面中找到a頁(yè)面，然后找到a頁(yè)面里的iframe，重新對(duì)iframe的src屬性進(jìn)行賦值。
三、實(shí)現(xiàn)
在b.jsp中
復(fù)制代碼
代碼如下:function refresh(){
var frame = window.parent.document.getElementById("frame");
var path = frame.getAttribute("src");
frame.setAttribute("src", path);
}
這樣只刷新了frame，局部刷新的效果。
相關(guān)文章
HTML5 window/iframe跨域傳遞消息 API介紹
window.postMessage允許多個(gè) window/frame之間跨域傳遞數(shù)據(jù)和信息。下面為大家介紹下window.postMessage的工作原理,以及如何在FireFox，IE8+，Opera，Safari和Chrome中使用2013-08-26html Frame、Iframe、Frameset 的區(qū)別
框架頁(yè)有Frame、Iframe、Frameset 3個(gè)標(biāo)記，初學(xué)者容易將三者混淆，下面分別講解三者的區(qū)別。2009-11-26HTML網(wǎng)頁(yè)制作教程 謹(jǐn)慎使用iframe標(biāo)記
使用 iframe 可以輕易的調(diào)用其他網(wǎng)站的頁(yè)面，但應(yīng)謹(jǐn)慎使用。它比創(chuàng)建其他 DOM 元素（包括 style 和 script）多耗費(fèi)數(shù)十甚至數(shù)百倍的性能。增加100個(gè)不同元素的時(shí)間對(duì)比顯示2009-08-19- iframe是框架的一種形式，也比較常用到。2009-04-23
HTML阻止iframe跳轉(zhuǎn)頁(yè)面并使用iframe在頁(yè)面內(nèi)嵌微信網(wǎng)頁(yè)版的實(shí)現(xiàn)方法
就想弄一個(gè)winform結(jié)合html5的一個(gè)小東西，突有心血來(lái)潮，想在里面嵌套一個(gè)微信網(wǎng)頁(yè)版，下面小編給大家介紹下HTML阻止iframe跳轉(zhuǎn)頁(yè)面并使用iframe在頁(yè)面內(nèi)嵌微信網(wǎng)頁(yè)版的實(shí)2018-01-09
