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

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

iframe层打开

<script src="jQuery的路径"></script> <!--必须是jQuery1.8或以上版本-->
<script src="layer.js的路径"></script>
<script>
	layer.open({
		type: 2,
		title: '请输入商品信息以检索商品',
		shadeClose: true,
		shade: 0.8,
		area: ['55%', '90%'],
		content: 'xxx.html' //iframe的url
	});
</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>
发布了40 篇原创文章 · 获赞 16 · 访问量 8644

猜你喜欢

转载自blog.csdn.net/qq_40366738/article/details/104071251