简单的layer(jQuery弹出层使用)弹出iframe示例及子窗口调用父页面方法

简单layer(jQuery弹出层使用示例)

iframe层打开

<script src="jQuery的路径"></script> <!--必须是jQuery1.8或以上版本-->
<script src="layer.js的路径"></script>
<script>
	var idx = layer.open({
		type: 2,
		title: '请输入商品信息以检索商品',
		shadeClose: true,
		shade: 0.8,
		area: ['55%', '90%'],
		content: 'xxx.html' //iframe的url
	});
	layer.close(idx);	//仅关闭idx层。
	
</script>

在这里插入图片描述

关闭iframe层

<script>
	//写在父页面的中
	layer.closeAll();//关闭所有iframe层子页面
	layer.closeAll('iframe');	//关闭所有的iframe层
	layer.closeAll('dialog'); //关闭信息框
	layer.closeAll('page'); //关闭所有页面层
	layer.closeAll('iframe'); //关闭所有的iframe层
	layer.closeAll('loading'); //关闭加载层
	layer.closeAll('tips'); //关闭所有的tips层
</script>

子页面调用父页面方法

<script>
	window.parent.xxx([参数]);	//调用父窗口方法
</script>
posted @ 2020-01-22 17:16  Huathy  阅读(85)  评论(0)    收藏  举报  来源