popup.js弹出层回调关闭

最新推荐文章于 2022-10-21 16:32:00 发布

Jonny_14876

最新推荐文章于 2022-10-21 16:32:00 发布

阅读量7k

点赞数

文章标签： js弹出层弹出框关闭popup弹出框

本文链接：https://blog.csdn.net/u010218226/article/details/52628881

版权

效果如下：

父页面father，弹出层页面son，点击son.html的关闭按钮，关闭弹窗。采用popup.js弹窗插件。

<html>
	<head>
		<script src="../../jquery-1.8.3.min.js"></script>
		<script src="../pop.js"></script>
		<script type="text/javascript">
			//弹出层
			var pop;
 			function ShowIframe(){
 					var height = $(window).height();
 					var width = $(window).width();
 			
					 pop= new Popup( {
						contentType : 1,
						isReloadOnClose : false,
						scrollType:'yes',
						alert:false,
						width : 500,
						height : 400
					});
					pop.setContent("contentUrl","son.html");
					pop.build();
					pop.show();
					
			};
			 
			//关闭弹出层
			function closeIframe(){
				 pop.close();
			}
		</script>
	</head>
	<body>
		<input type="button" value="弹出子页面" οnclick="ShowIframe();"/>
	</body>
</html>

son.html:

<html>
	<head>
	<title>子页面</title>
	<script type="text/javascript">
	 function closeIframe(){
		 $(window.parent.closeIframe());//调用父页面的方法关闭本页面
	 }
	</script>
	</head>
	<body>
		<input type="button" οnclick="closeIframe();" value="关闭"/>
	</body>
</html>

Jonny_14876

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
popup.js弹出层回调关闭

效果如下：父页面father，弹出层页面son，点击son.html的关闭按钮，关闭弹窗。采用popup.js弹窗插件。 //弹出层 var pop; function ShowIframe(){ var height = $(window).height(); var width = $(window).width();
复制链接

扫一扫