Copie o código do código da seguinte forma:
<html>
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<style type="texto/css">
<!--
*{tamanho da fonte:12px;família da fonte:Verdana, Genebra, sans-serif;altura da linha:14px}
uma{cor:#039}
a:hover{cor:#f60}
.pop{posição:absoluta;esquerda:40%;topo:40%;largura:300px;altura:100px;fundo:#eee;borda:1px sólido #ccc}
.pop_head{posição:relativa;altura:20px;fundo:#ccc}
.pop_head a{posição:absoluta;direita:8px;altura da linha:20px;cor:#000;decoração de texto:nenhum}
.pop_head a:hover{color:#f60;text-decoration:none}
.pop_body{preenchimento:8px}
-->
</estilo>
</head>
<corpo>
<!--Primeiro defina uma camada:-->
<div id="pop" style="display:none" onclick="show(event,'pop');">
<div><a href="javascript:void(0);" onclick="hide('pop')">Fechar</a></div>
<div>Obrigado pela visita...</div>
</div>
<!--Botão da camada pop-up:-->
<a href="javascript:void(0);" onclick="show( event ,'pop');"> Botão pop</a>
<script type="texto/javascript">
url var = '#';
função mostrar(evt,o){
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;
var o = document.getElementById(o);
o.style.display = "";
}
função ocultar(o){
var o = document.getElementById(o);
o.style.display = "nenhum";
janela.localização = url;
}
document.onclick=function(){hide('pop');}
</script>
</body>
</html>
Resumir:
1. Ao chamar o método pop-up, passe um objeto de evento: event.
2. Adicione o código de ligação de evento ao método pop-up.
3. É necessário que haja um código js global que seja usado para chamar o método de ocultar a camada pop-up ao clicar em outras partes.