Blog and Web

Mostrar un link aleatorio en cada visita con Javascript

Mostrar un link aleatorio en cada visita puede servir para darle más dinamismo a una lista de enlaces a otras web. Veamos como hacer esto.

  1. Mediante el siguiente script hacemos un arreglo con la lista de páginas que queremos salgan aleatorias con sus respectivas direcciones. Lo colocamos entre las etiquetas <head> y </head> o en un archivo .js con la función
  2. <script type="text/javascript">
    
    //Arreglo con el nombre de nuestra lista de páginas
      Nombre_pagina = new Array();
    Nombre_pagina[0] = 'Google';
      Nombre_pagina[1] = 'Yahoo!';
      Nombre_pagina[2] = 'Visite México';
      Nombre_pagina[3] = 'Radiohead México';
    
    //Arreglo que corresponde a cada nombre de la página con su dirección
    Direccion_pagina = new Array();
      Direccion_pagina [0] = 'http://www.google.com.mx';
      Direccion_pagina [1] = 'http://www.yahoo.com.mx';
      Direccion_pagina [2] = 'http://www.visitemexico.com';
      Direccion_pagina [3] = 'http://radiohead-mexico.info';
    
    //Aleatorizamos con el numero de enlances que tenemos
    X = Math.round(Math.random()*3);
    
    </script>
  3. Ahora sólo hacemos el llamado a esta función desde el lugar donde queremos aparesca el enlace aleatorio
  4. <script type="text/javascript">
      document.write('<a href="' + Direccion_pagina[X] + '>' + Nombre_pagina[X] + '</a>')
    </script>

Puedes poner la cantidad de páginas que desees pero tienes que indicar el número total de ellas (contando desde 0).

Descarga el ejemplo