`
tigerwood008
  • 浏览: 4047 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

弹出pupup画面后,锁住父画面

阅读更多
common.js

/**
 * 父画面锁定
 */
function lockParentWindow(){
	var win = window.opener;
	if (win) {
		if (win.document.getElementById("mask")){
			win.document.getElementById("mask").style.display = "";
		}
	}
}

/**
 * 父画面解锁
 */
function unlockParentWindow(){
	var win = window.opener;
	if (win){
		if (win.document.getElementById("mask")){
			win.document.getElementById("mask").style.display = "none";
		}
	}
}


在父画面的html中,加入以下代码,

<div id="mask" style="position:absolute;z-index:100;width:100%;height:100%;background-color:black;filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;display:none;">
	<iframe src="javascript:false" style="position:absolute;width:100%;height:100%;background-color:black;filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;"></iframe>
</div>

父画面和子画面加入 load,unload事件
<script type="text/javascript">
 window.onload = function(){
	lockParentWindow();
	
  }
  window.onunload = function(){
	unlockParentWindow();
  }
</script>
分享到:
评论

相关推荐

    popup.js及详细示例

    在JavaScript的世界里,`popup.js`通常用于创建自定义的弹出框或对话框,它是一种用户界面元素,用于提供额外的信息或者与用户进行交互。`popup.js`文件是实现这种功能的脚本,它可能包含了创建、显示、隐藏以及处理...

    jpush官方文档

    JPush,全称为极光推送,是阿里巴巴旗下的一款专业级移动推送服务,广泛应用于iOS和Android平台,帮助企业实现精准、实时的用户消息推送。官方文档是开发者了解和使用JPush的关键资源,它涵盖了从基础设置到高级功能...

    JQuery-通用dialog_popup

    `JQuery dialog_popup`是一个专门用于创建弹出窗口的插件,常用于显示警告、确认信息或者提供更复杂的表单和内容。 **一、jQuery Popup基本概念** jQuery Popup,也称为`jQuery Dialog`,通常是一个浮动的、可定制...

    android-uninstall-demo:android 应用程序卸载时的 pupup 网页

    然而,有时候开发者可能希望在用户卸载应用前显示一个弹出窗口(popup),提供一些信息或者询问用户的反馈。这样的功能可以是提醒用户数据丢失、请求评价或提供其他服务的途径。在"android-uninstall-demo"项目中,...

    wpf动画 - 跟随鼠标移动

    6. 可以选择性地添加逻辑来停止动画,例如当鼠标停止移动一段时间后。 以上就是实现WPF动画“跟随鼠标移动”的核心概念和技术。熟练掌握这些知识点,你就能创建出动态且具有吸引力的WPF应用程序了。通过不断地实践...

    car_catalog_JD02:新车目录

    要更改数据,请使用带有弹出式PupUp窗口的按钮。 对编辑器的访问受到过滤器的限制,并且仅对管理员和主持人可用。 所有站点图像都存储在“ C:\ car_catalog \ image”中。 有一个常数可以更改保存图像的路径。 从...

Global site tag (gtag.js) - Google Analytics