Copie el código de código de la siguiente manera:
<html>
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<título>Documento sin título</título>
<tipo de estilo="texto/css">
<!--
*{font-size:12px;font-family:Verdana, Ginebra, sans-serif;line-height:14px}
un{color:#039}
a: flotar{color:#f60}
.pop{posición:absoluta;izquierda:40%;arriba:40%;ancho:300px;alto:100px;fondo:#eee;borde:1px sólido #ccc}
.pop_head{posición:relativa;altura:20px;fondo:#ccc}
.pop_head a{posición:absoluta;derecha:8px;altura de línea:20px;color:#000;decoración de texto:none}
.pop_head a:hover{color:#f60;text-decoration:none}
.pop_body{padding:8px}
-->
</estilo>
</cabeza>
<cuerpo>
<!--Primero establezca una capa:-->
<div id="pop" style="display:none" onclick="mostrar(evento,'pop');">
<div><a href="javascript:void(0);" onclick="hide('pop')">Cerrar</a></div>
<div>Gracias por visitar...</div>
</div>
<!--Botón de la capa emergente:-->
<a href="javascript:void(0);" onclick="show( event ,'pop');"> Botón emergente</a>
<tipo de script="texto/javascript">
var URL = '#';
función mostrar(evt,o){
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;
var o = document.getElementById(o);
o.style.display = "";
}
función ocultar(o){
var o = document.getElementById(o);
o.style.display = "ninguno";
ventana.ubicación = URL;
}
document.onclick=función(){ocultar('pop');}
</script>
</cuerpo>
</html>
Resumir:
1. Al llamar al método emergente, pase un objeto de evento: evento.
2. Agregue código de enlace de eventos al método emergente.
3. Es necesario que haya un código js global que se utilice para llamar al método para ocultar la capa emergente al hacer clic en otras partes.