transparente - JavaScript/jQuery-Abrir enlace actual en la ventana emergente

ventana javascript

Question

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

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

Answer 1

Esto abrirá una nueva ventana.

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

Answer 2

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

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

En cuanto al bloqueo de ventanas emergentes, el enfoque general que adoptan los navegadores es que las ventanas emergentes iniciadas por la acción del usuario están permitidas (como hacer clic), mientras que las ventanas emergentes que se inician espontáneamente a través de un script, como esta, se bloquean

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

Sin embargo, el bloqueo de anuncios es una guerra en aumento, nunca puede estar seguro de que se abrirá una ventana emergente. Si su ventana emergente está bloqueada, la llamada window.open devuelve un valor nulo. Así que modificaría el ejemplo de Daren como este:

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

Si la ventana emergente está bloqueada, onclick devuelve true , que sigue el enlace al que hicieron 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 3

Puedes probar el siguiente código,

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

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

<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>