リンク先のURLを記述せずに、Javascriptでランダムリンクを貼る方法をさがしています。
いまWEBサイトを作っていて、
ランダムリンクのページを追加するときに、
簡単な方法はないのか探しています。
ちょっとこれでは意味がわからないと思うので、
説明させてください。
いま作っているサイトの問題点は、
ランダムリンクで飛んだページに、
ランダムリンクのボタンがあるので、
ページを増やすごとに、それぞれのhtmlを書き換えなければならないところです。
いま書いてあるのは、このような体裁です。
────────────────────────────────────────
★javascript
<script language="JavaScript"><!--
myCnt = 6; // リンク先の数
myTable = new Array( // リンク先の登録
"page1.html",
"page2.html",
"page3.html",
"page4.html",
"page5.html",
);
function myRndLink(){ // 適当に選んでリンクする関数
myRnd = Math.floor(Math.random()*myCnt); // 0~(myLine-1)の乱数を求める
location.href = myTable[myRnd]; // リンクする
}
// --></script>
★ボタン↓
<input type="image" img src="randam.jpg" "onclick="myRndLink()">
────────────────────────────────────────
それぞれのpage内にランダムリンクがありますので、
page6を追加する場合、上のpage1~5それぞれのhtmlに、
「page6」を追加して記述せねばなりません。
pageを増やすごとに、労力がかかるのは、ちょっとしんどいです。
自分が考えた打開策は、
(1)指定したフォルダの中からランダムリンクするような方法
これであれば、新しく作ったページをフォルダ内に入れるだけなので簡単かと。
(2)あるファイル名(例えば、page)を含むものからランダムリンクするような方法
これであれば、新しく作ったページの名前を「page●●」にするだけなので簡単かと。
javaはまったく読むことができないので、
親切な方のサイトからコピペして使っていますが、
上のような方法は可能なのでしょうか?
検索しても出てきませんでした。
みなさん、よろしければ知恵をお貸しください。
よろしくおねがいします。
No.2ベストアンサー
- 回答日時:
Javascriptを外部ファイルにする
myTable = new Array(
"page1.html",
"page2.html",
"page3.html",
"page4.html",
"page5.html");
function myRndLink(){
myRnd = Math.floor(Math.random()*myTable.length);
location.href = myTable[myRnd];
}
以下はscript.jsで保存した場合。
各HTMLファイルの<head></head>内に
<script language="JavaScript" src="script.js"></script>
を追記。
<head>
<script language="JavaScript" src="script.js"></script>
<title>???</title>
</head>
こんな感じ。
編集は外部ファイルにしたJavascriptファイルのみで済む。
この回答への補足
いま試してみたら、かんたんにできました!
<script language="JavaScript"><!--
myCnt = 6; // リンク先の数
これ、いらないんですね。
助かりました!ありがとうございます。
orzroooさま
ありがとうございます。
わかりやすいです。
CSSにJavaScriptが記述できないというのは、
調べてわかりましたが、ふつうにファイルとして読み込めるのですね。
助かりました!
No.1
- 回答日時:
javascriptが読めないのであれば、まず読めるようになってからでは?と思いますが。
そもそもランダムリンク、ちゃんと出来てます?
出来ているように見えないのですが…。
まず、
<script language="JavaScript">
の書き方は古いブラウザ用。
myCnt = 6; // リンク先の数
数は5つなので5のはず。というか不要。
myTable = new Array( // リンク先の登録
"page1.html",
"page2.html",
"page3.html",
"page4.html",
"page5.html", ←「,」が不要。最後の要素なので。
);
myRnd = Math.floor(Math.random()*myCnt); // 0~(myLine-1)の乱数を求める
myCntが不要。myTable.lengthにする。
<input type="image" img src="randam.jpg" "onclick="myRndLink()">
いろいろ変なかんじ。
<input type="image" src="randam.jpg" alt="画像" onclick="myRndLink()">
たとえば、
<script type="text/javascript">
<!--
function getLinks(){
var myTable = new Array(
"page1.html",
"page2.html",
"page3.html",
"page4.html",
"page5.html"
);
return myTable;
}
//-->
</script>
<script type="text/javascript">
<!--
function myRndLink(){ // 適当に選んでリンクする関数
var links = getLinks();
var myRnd = Math.floor(Math.random()*links.length);
location.href = links[myRnd]; // リンクする
}
//-->
</script>
</head>
<body>
<p><input type="image" src="randam.jpg" alt="画像" onclick="myRndLink()"></p>
</body>
</html>
こんな感じにしておいて、それぞれ外部ファイル化して、各ページに置いて、
ページが増えるたびにmyTableがある外部ファイルを書き換えればよいのでは。
それなら一度で済みます。
zeffさま
ごていねいにありがとうございます。
説明のためにpageを少なくしたのですが、
そのままコピペしたほうがよかったですね。
申し訳ありません。
CSSのように外部ファイルにすればいいんですね。
がんばってみます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript Q&Aの掲示板を作成していてヤフー知恵袋やgoo質問のように質問ごとにURLを生成したい 5 2023/08/04 01:22
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptとApacheの設定
-
cssにjavascriptを入れる?呼び...
-
Jquery.PHPファイルのechoが表...
-
別ファイルのfunctionの読み込み方
-
javascriptのalertで文字化けが...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
JavaScript内の関数を別のファ...
-
外部jsファイルから本体の関数...
-
<script src="">読み込まない
-
メールフォーム、受信メールの...
-
複数ファイルアップロードはAja...
-
URLに変数を指定できるのか
-
条件分岐で、読み込む外部スク...
-
javascriptで別ファイルから変...
-
外部ファイルでBODYのonloadイ...
-
JavaScriptの外部ファイル化とS...
-
javascriptファイルは1つに統...
-
ひとつの外部ファイルに複数の...
-
【Google Apps Script】「ライ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
【Google Apps Script】「ライ...
-
cssにjavascriptを入れる?呼び...
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
<script src="">読み込まない
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
javascript内で外部ファイルを...
-
外部読み込みで動かないときの...
-
外部ファイルを実行
-
プルダウンメニューを別ファイ...
-
ホームディレクトリを示すチル...
-
外部.jsの内容を一部置き換えて...
-
xmlHttpRequest.send( EncodeHT...
おすすめ情報