JavaScript/jQuery - Abrir enlace actual en la ventana emergente

Question

<a href="http://google.com">Link</a> 

¿Cómo puedo abrir este enlace en una ventana emergente? Y evitar que el navegador lo bloquee

Answer 1

Hay "ventanas nuevas" y hay "ventanas emergentes". El uso de target=_blank se abrirá en una nueva ventana, excepto que los navegadores modernos ponen ventanas nuevas en las nuevas pestañas de forma predeterminada. Lo cual parece que no es lo que quieres.

Para una ventana emergente real, quiere window.open(), y asegúrese de incluir un ancho y alto específicos, de lo contrario algunos navegadores seguirán poniendo la nueva ventana en una nueva pestaña. El ejemplo de Darin me parece bien.

En cuanto a bloqueo de ventanas emergentes, el enfoque general que los navegadores opinión es que las ventanas emergentes iniciadas por acción del usuario se les permite (como hacer clic), mientras que los popups iniciaron espontáneamente a través de la escritura, como este, están bloqueados:

<script type="text/javascript"> 
    window.open("http://www.google.com/", "Google", "width=500,height=500"); 
</script> 

Sin embargo, el anuncio de ser una escalada de la guerra de bloqueo, nunca se puede estar seguro de que una ventana emergente se abrirá. Si su ventana emergente está bloqueada, la llamada window.open devuelve null. Así que me gustaría modificar el ejemplo de Daren así:

<a href="http://www.google.com/" 
    onclick="return !window.open(this.href, 'Google', 'width=500,height=500')" 
    target="_blank"> 

Si la ventana emergente es bloqueada, onclick devuelve true, que sigue el enlace se hace clic abriéndolo en una nueva ventana o pestaña. Es una alternativa, por lo que al menos el contenido es accesible (si no es bonito).

Answer 2

<a href="http://google.com" onclick="window.open(this.href, 'windowName', 'width=1000, height=700, left=24, top=24, scrollbars, resizable'); return false;">Link</a> 

Answer 3

Esto abrirá una nueva ventana.

<a href="http://google.com" target="_blank">Link</a> 

Answer 4

jQuery:

<script> 
$('#button2').live("click",function(e){  
    window.open("http://www.google.com", "yyyyy", "width=480,height=360,resizable=no,toolbar=no,menubar=no,location=no,status=no"); 
return false; 
}); 
</script> 

<a href="#" id="button2" ><img src="images/online.png"></a><br/>Online 

Answer 5

Puede probar el código de abajo,

<script type="text/javascript"> 
    window.open(location.href, "Google", "width=500,height=500"); 
</script>