iframe父与子页面，子与子页面之间交互

最新推荐文章于 2024-04-28 19:21:12 发布

紫枫叶520

最新推荐文章于 2024-04-28 19:21:12 发布

阅读量1k

点赞数 1

分类专栏： jsp 文章标签： javascript html iframe 父子页面交互

本文链接：https://blog.csdn.net/zifengye520/article/details/78143447

版权

jsp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.设置父iframe的高度  
var currentHeight = document.body.scrollHeight;   
var pIframe=$(window.parent.document).find("#setAuth");  
pIframe.height(currentHeight);  
  
2.父页面调用iframe子页面的方法  
$("#setAuth").contentWindow.reloadData_1();  
document.getElementById("setAuth").contentWindow.reloadData_1();  
  
3.iframe子页面调用父页面的方法  
window.parent.reloadData_1();  
  
4.iframe子页面之间的方法调用  
$(window.parent.document).contents().find("#iframe")[0].contentWindow.reloadData_1(); 

5.在的页面中html获取java的变量
可以在html中使用iframe嵌入一个jsp，jsp中获取java变量，然后在html中使用js获取iframe中的变量
<body>
	<iframe
		src="/_web/testURL是userInfo.jsp?_p=YXM9MSZwPTEmbT1OJg__&name=transactionCenter.html"
		style="height: 0px; width: 0px; border: 0px; display: none;"></iframe>
	<div class="container">
	
	</div>
	<script type="text/javascript" charset="utf-8">
	$('iframe')[0].onload=function(){
		var url = $('iframe')[0].contentWindow.testUrl;//testURL是userInfo.jsp页面的js变量
		$('#notice').parent('li').attr('onclick',"location.href='"+url+"'");
	}
	</script>
</body>

紫枫叶520

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe父与子页面，子与子页面之间交互

1.设置父iframe的高度var currentHeight = document.body.scrollHeight; var pIframe=$(window.parent.document).find("#setAuth");pIframe.height(currentHeight);2.父页面调用iframe子页面的方法$("#setAuth").contentWindow.
复制链接

扫一扫

专栏目录