子页面调用父页面方法，动态刷新父页面iframe的src值

最新推荐文章于 2023-04-18 10:14:25 发布

原创最新推荐文章于 2023-04-18 10:14:25 发布 · 3.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Iframe #子页面刷新父页面 #动态改变src的值

HTML5前端专栏收录该内容

40 篇文章

订阅专栏

本文深入探讨了如何通过JavaScript操作HTML元素，实现动态网页内容的加载和展示，着重于如何利用window.parent和iframe实现跨页面数据传递，以及详细解释了在不同页面间跳转和展示特定内容的原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function tonewsDetail(sequenceId) {//子页面方法
	var url = "news.html?toDetailName=" + sequenceId + "&itemId=1";
	window.parent.showFirstPageDetail(url);
}

function showFirstPageDetail(url){//父页面方法
	$("#firstPage").hide();
	$("#elseAll").hide();
	$("#messagePage").hide();
	$("#detail-content_all").hide();
	$("#jncsDiv").show();
	window.frames["iframeDetail"].src = url;
}
//父页面div
<div  id="jncsDiv">
	<iframe id = 'iframeDetail' align="center" width="1330" height="1320" src="" 
		 frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no">
	</iframe>
</div>