Saltar al contenido
Codifíca.me | Desarrollo web | Programación

Abrir multiples ventanas desde un link

22 abril, 2015

En el cajón desastre de JavaScript he incluido este codigo por si alguna vez me hace falta.

Este primer código abre cuatro ventanas, desde un link en js abriremos cuatro ventanas “de golpe”, en algunos navegadores como Chrome te pide confirmación en otros como Firefox las abre sin pedirte confirmación.
Entiendo totalmente que te pida confirmación antes de abrir múltiples ventanas, al fin y al cabo abrir cuatro ventanas con un solo click no tiene un aspecto muy amigable, desde el punto de vista del navegador.

<html>
<head>
<script type="text/javascript">
function cuatroVentanas() {
    window.open("http://www.web1.com/");
    window.open("http://www.web2.com/");
    window.open("http://www.web3.com/");
    window.open("http://www.web4.com/");
}
</script>
</head>
 
<body>
<form>
<input type=button value="Abre dos ventanas" onclick="cuatroVentanas()">
</form>
</body>
 
</html>

Puedes utilizarlo para abrir lo que quieras, o poner webs de referidos o lo que quieras, por lo general tiene utilidad con webs de referidos.

Este otro que gusta un poquito más, me parece más útil como función global.
Ya que este código va a abrir el link que tenga puesto por defecto, y además abrirá otra ventana, así cada web puede abrir un sitio diferente y además el enlace de referido, o lo que se te haya ocurrido.

 
<html>
<head>
<script type="text/javascript">
function dosVentanas(laquetenia) {   
 
    window.open(laquetenia.getAttribute("href"));
 
  /*---------------------------------------------
 
  Abrirá la ventana que tiene el objeto, 
  en este caso http://google.es
  pero cada objeto puede tener un web diferente.
  Y además abrirá el web que ponga aquí a continuación
  en este caso http://www.referidos.com/
 
  -------------------------------------------*/
 
    window.open("http://www.foroblackhat.com/");
    return true;
}
</script>
</head>
 
<body>
<form>
<a href="http://google.es" onclick="dosVentanas(this)">A google y al Foroblackhat :)</a>
</form></body>
 
</html>