复制代码 代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<>
</style>
</head>
<body>
<>
<div id="pop">
<div><a href="javascript:void(0);">关闭</a></div>
<div>谢谢光临……</div>
</div>
<>
<a href="javascript:void(0);"BACKGROUND-COLOR: #ccffcc">event,'pop');">弹出按钮</a>
<script type="text/javascript">
var url = '#';
function show(evt,o){
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;
var o = document.getElementById(o);
o.style.display = "";
}
function hide(o){
var o = document.getElementById(o);
o.style.display = "none";
window.location = url;
}
document.onclick=function(){hide('pop');}
</script>
</body>
</html>
总结：
1.在调用弹出方法的时候要传入一个事件对象：event。
2.弹出方法要加入事件绑定代码。
3.要有个全局的js代码，用来执行点击其他部位的时候调用隐藏弹出层的方法。
【js 点击页面其他地方关闭弹出层(示例代码)】相关文章：
★ CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
★ JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)