• ベストアンサー

ランダムリンクを新しいページで開く方法

<a href="リンク先1" onclick="var urls=['リンク先2','リンク先3','リンク先4'];location.href=urls[Math.floor(Math.random()*urls.length)];return false">リンク</a> 上記のタグにtarget="_blank"か何かを追加して別ウインドウで開く方法を探しております。 よろしくお願いします!

質問者が選んだベストアンサー

  • ベストアンサー
  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

<a href="リンク先1" onclick="var urls=['リンク先2','リンク先3','リンク先4'];window.open().location.href=urls[Math.floor(Math.random()*urls.length)];return false">リンク</a> とか

usaji330
質問者

お礼

できました!ありがとうございます!

関連するQ&A

  • ランダムリンクのクリック数カウント方法

    ブログ内でお遊び的に占いの様な形でランダムにリンクする下記コードを使用しております。 <a href="http://123123123.com/" onclick="var urls=['http://11111.com/','http://22222.com/','http://33333.com/','http://44444.com/','http://55555.com/'];window.open().location.href=urls[Math.floor(Math.random()*urls.length)];return false">ランダムリンク</a> このリンクのクリック数をアナリティクスでイベントカテゴリ等で計測したいのですが、方法が分かりません。 全体のクリック数でも、ランダムの個別のクリック数でもどちらでもかまいません。 ご教示願います。

  • ランダムJavascriptのblank表示

    リンク先のURLをランダムで表示させるため、下記の様に読み込みjavascriptファイルを使用していますが、ターゲットをブランク表示にできません。 windowopenなどと併用する必要があるのか、あまりjavascriptに詳しくないため、 記載箇所を具体的に教えて頂けると嬉しいです。 ■JSファイル側 urls=new Array(); //ランダムで表示したいURLを指定する urls[0]='http://www.・・・'; urls[1]='http://www.・・・; urls[2]='http://www.・・・'; function random() { a=Math.floor(Math.random()*urls.length); location.href=urls[a]; } ■HTMLページ側 <a href="JavaScript:random();">リンクテキスト</a>

  • ランダムリンクにて

    現在お小遣いサイトを開設したいと思っています。 そして、リードメールなどのダウンサポートが出来るように現在、 JavaScriptを利用して、ランダムリンクを取り入れようと思っているのですが、 リンク時のIDの部分のみランダムになるようにするにはどのようにすれば良いのでしょうか? 現在取り入れているのは下記ですが、 kensu=2; num=Math.floor(Math.random()*kensu); if (num==0){document.write('<a href="http://xxxx?ID1" target="_blank"><img border="0" alt="ID1" src="http://xxxx.gif"></a>');} if (num==1){document.write('<a href="http://xxxx?ID2" target="_blank"><img border="0" alt="ID2" src="http://xxxx.gif"></a>');} 理想としては http://www.h7.dion.ne.jp/~kalno/h_terrier.html こちらのようにしたいです。 JavaScriptの中身を拝見させてもらいましたが、数値等がよく解りません。 出来ればこのようなJavaScriptのやり方が掲載されているサイト等がありましたら教えて下さい。

  • 外部JSファイルでランダム表示と一度クリックで2箇所リンクのものを組み合わせたいんです。

    初心者で申し訳ありません。 外部JSファイルでランダム表示をつかっているのですが、リンクの箇所で一回のクリックで2箇所にリンクするのを組み合わせたいと思ってます。 ランダム表示 <!-- //並べ替え表示スクリプト function Random(x) { //fは掲載する広告数 f =3; var Num = new Array(f - 1); var Chk = new Array(f - 1); var Mess = new Array(f - 1); //***ここに広告表示HTMLの配列作成 Mess[0] = ' <A href="http://aa.com" target="_blank">testtest</A>'; Mess[1] = ' <A href="http://bb.com" target="_blank">testtest</A>'; Mess[2] = ' <A href="http://cc.com" target="_blank">testtest</A>'; //***ランダムで0~f-1の値を並べ替え for (i=0;i<f;i++) // { Num[i] = Math.floor(Math.random()*f); if (Chk[Num[i]] == 1){ while(Chk[Num[i]] == 1){ Num[i] = Math.floor(Math.random()*f); } Chk[Num[i]] = 1; } else { Chk[Num[i]] = 1; } } //HTML作成部分 for (i=0;i<x;i++) // { document.write(Mess[Num[i]]); document.write(Mess[Num[i+1]]); document.write(Mess[Num[i+2]]); } } //--> 上のランダムに出力されるリンクを下のような形みたいに、それぞれのURLが1クリックで2箇所リンクされるようにしたいです。 <A href="http://aa.com" target="_blank" onclick="window.open('http://dd.com')" >test</A> もしお分かりの方がいたら何卒よろしくお願いします。 もしわかりづらかったらごめんなさい。

  • リンクのクリック数を把握したい

    現在、以下のようなjavascriptを書いて、リンクを作っています。 <script type="text/javascript"> <!-- A01=new Array(); A01[0]='<a href="http://www.yahoo.co.jp/" target="blank">yahoo</a>'; A01[1]='<a href="http://www.google.co.jp/" target="blank">google</a>'; a01=Math.floor(Math.random()*A01.length); B01=new Array(); B01[0]='<a href="http://www.livedoor.co.jp/" target="blank">livedoor</a>'; B01[1]='<a href="http://www.goo.co.jp/" target="blank">goo</a>'; b01=Math.floor(Math.random()*B01.length); --> </script> とgoogleとyahoo、;livedoorとgooを配列に入れておき、 どちらかがランダムで出てくるようにして実際の表示部に以下を配置しています。 <script type="text/javascript"> <!-- document.write(A01[a01]); --> </script> <script type="text/javascript"> <!-- document.write(B01[b01]); --> </script> このスクリプトで、A01(yahoo or google)とB01 (livedoor or goo)が それぞれ何回クリックされたのかを把握したいです。 どのようにすれば良いか、ご教示頂けると幸いです。

  • 画像リンクをランダムに4つ表示する

    このようなタグを使って、画像リンクのランダム表示を作成しました。 ((hard内)) <script type="text/javascript"><!-- // var imglist = [ [ "画像1", "", "リンク先1" ] , [ "画像2", "", "リンク先2" ] ]; function RandomImageLink() { // var selectnum = Math.floor(Math.random() * imglist.length); // var output = '<a href="' + imglist[selectnum][2] + '">' + '<img src="' + imglist[selectnum][0] + '"' + ' alt="' + imglist[selectnum][1] + '"><br>' + imglist[selectnum][1] + '</a>'; // document.write(output); } // --></script> ((body内)) <script type="text/javascript"><!-- RandomImageLink(); // --></script> こうしてランダムに表示できるようになったのですが、私は『ランダムに1つ表示』ではなく、『ランダムに4つ表示』にしたいのです。 …どうすればいいのでしょうか? どなたか回答をお願いします。

  • ランダムURL表示&被らないようにしたいです!

    window.onload = function(){ var nice_a = 3; var nice_b = 3; var nice_c = 3; var nice_d = 3; var ifm_3 = document.getElementById('nice_1');//1つめ var ifm_4 = document.getElementById('nice_2');//2つめ var ifm_5 = document.getElementById('nice_3');//3つめ var ifm_6 = document.getElementById('nice_4');//4つめ var urls_random_1 = Math.floor( Math.random() * nice_a ); var urls_random_2 = Math.floor( Math.random() * nice_b ); var urls_random_3 = Math.floor( Math.random() * nice_c ); var urls_random_4 = Math.floor( Math.random() * nice_d ); var urls_nice_1 = new Array(); var urls_nice_2 = new Array(); var urls_nice_3 = new Array(); var urls_nice_4 = new Array(); /*1*/ urls_nice_1[0] = 'niceStore/niceStore_1.html'; urls_nice_1[1] = 'niceStore/niceStore_2.html'; urls_nice_1[2] = 'niceStore/niceStore_3.html'; /*2*/ urls_nice_2[0] = 'niceStore/niceStore_1.html'; urls_nice_2[1] = 'niceStore/niceStore_2.html'; urls_nice_2[2] = 'niceStore/niceStore_3.html'; /*3*/ urls_nice_3[0] = 'niceStore/niceStore_1.html'; urls_nice_3[1] = 'niceStore/niceStore_2.html'; urls_nice_3[2] = 'niceStore/niceStore_3.html'; /*4*/ urls_nice_4[0] = 'niceStore/niceStore_1.html'; urls_nice_4[1] = 'niceStore/niceStore_2.html'; urls_nice_4[2] = 'niceStore/niceStore_3.html'; ifm_3.src = urls_nice_1[s];//1 ifm_4.src = urls_nice_2[s];//2 ifm_5.src = urls_nice_3[s];//3 ifm_6.src = urls_nice_4[s];//4 } </script> 求める結果:ページをロードする度、それぞれのiframe内のURLがランダムで選定され 尚かつURLが被らないようにしたいです。 上記の内容で記述しますと、あたりまえですが表示されるURLが被ってしまいます。 これを回避したいのですがどうがご教授願いします。m(_ _)m

  • 画像をランダムに表示し、リンクもランダムにしたい

    下記の通りにしたら、ランダムに画像が表示され、 クリックすれば画像とペアになっているアドレス先に飛ぶことは出来たのですが そのときのリンク先をランダムにすることは出来ないでしょか? 例えば、img[2] の画像が表示された場合、jmp[2] ではなく 5つのアドレスの中からランダムにリンク先が決まる、 というようなことなんですが・・・。 // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://~"; jmp[1] = "http://~"; jmp[2] = "http://~"; jmp[3] = "http://~"; jmp[4] = "http://~"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "img/img1.jpg"; img[1] = "img/img2.jpg"; img[2] = "img/img3.jpg"; img[3] = "img/img4.jpg"; img[4] = "img/img5.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"' target='_blank'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>");

  • ランダムにページにアクセスしたい

    htmlを使い、複数のファイルからランダムに1つを選び表示するというページを作りたいと思っており、「http://www5e.biglobe.ne.jp/access_r/hp/javascript/js_075.html」を参考にしているのですが、こちらのページを参考にして作成すると、一度、ランダムで選ばれたURLが表示され、ユーザーがそのリンクをクリックすることでページが表示されるという形になります。これを、URLを表示すること無く、選ばれたページが直接表示されるためにはどのようにしたらいいのでしょうか?現在のソースは、 <HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <TITLE>リンクをランダムに表示する方法</TITLE> </HEAD> <BODY> <SCRIPT TYPE="text/javascript"> <!-- //―――――――――――――――――――――――――――――――――――――― // 作成者 るび~/ACCESS R http://www5e.biglobe.ne.jp/~access_r/ //―――――――――――――――――――――――――――――――――――――― //―――――――――――――――――――――――――――――――――――――― // ユーザが設定する部分はここから!! //―――――――――――――――――――――――――――――――――――――― var rlink = new Array(); //リンクの配列 rlink[0] = "a.html"; rlink[1] = "b.html"; rlink[2] = "c.html"; rlink[3] = "d.html"; //―――――――――――――――――――――――――――――――――――――― // ユーザが設定する部分はここまで!! //―――――――――――――――――――――――――――――――――――――― var x = Math.floor(Math.random() * rlink.length); document.write('<A HREF="' + rlink[x] + '" TARGET="_blank">' + rlink[x] + '</A>'); //--> </SCRIPT> </BODY> </HTML> となっています。ご回答の程よろしくお願い致します。

    • ベストアンサー
    • HTML
  • 画像からランダムリンク

    Javascriptでランダムリンクをする場合、 <form> <input type=button onClick="jump()" value="ランダム"> </form> <script> url = new Array(); url[0] = "00.html"; url[1] = "01.html"; url[2] = "02.html"; function jump() { p = Math.round(Math.random() * (url.length - 1)); parent.top.document.location = url[p]; } </script> という記述を使うのは知っているんですが、 「ランダムリンク」というボタンではなく、 画像をクリックしてランダムリンクさせることは可能でしょうか? Javascriptでは無理な場合、 画像からランダムリンクを張る方法はありますか? CGI等でも構いませんので、お勧めがあれば教えてください。