URLのパラメータを取得しリンクに渡すには?

締切済

質問者：cnkozo
質問日時：2014/01/19 23:30
回答数：3件

Javascriptで、URLのパラメータを取得し、リンクにパラメータを渡したいです。

例えば、現在のURLが、
http://www.hogehoge.com/hoge.php?page=hoge1だとします。

そのページに、様々なリンクがあるとします。
<リンク例>
http://www.hogehoge.com/moge/moge.php
http://www.hogehoge.com/boge/boge.php
http://www.yahoo.co.jp/auctionxx.html

このうち、/moge/以下のページへのリンクにのみ、自動で現在のURLのパラメータを渡したリンクにしたいです。
つまり、
http://www.hogehoge.com/moge/moge.php
↓
http://www.hogehoge.com/moge/moge.php?page=hoge1
というリンクにしたいです。
当然現在のURLにパラメータが存在しない場合は、そのままのリンクになります。
また、他のディレクトリや他のドメインのサイトにはパラメータを渡さず、変更せずにそのままのURLのリンクにしたいです。

<リンク例>
http://www.hogehoge.com/moge/moge.php ○変更
http://www.hogehoge.com/boge/boge.php ×変更なし
http://www.yahoo.co.jp/auctionxx.html ×変更なし

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： Picosoft
回答日時：2014/01/22 02:09

> 同一ページ内全てのリンクを判別し、全ての対象の各リンクへ自動的にクエリ文字列を渡す方法をお聞きしたいです。

そういう仕様に作っていますが……。
#2のコードは試されましたか？

ページの<head>タグ内あたりに入れてみてください。
<script type="text/javascript">

</script>

- 1
- 件

通報する

No.2

回答者： Picosoft
回答日時：2014/01/21 09:27

var anchorList = document.getElementsByTagName("a"); //アンカーを列挙

var targetURL = location.protocol + "//" + location.host + "/moge/"; //判別するための比較対象

for (var i = 0; i < anchorList.length; i++){
　if(anchorList[i].href.startsWith(targetURL)){ //リンク先URLがtargetURLで始まる場合
　　anchorList[i].href += location.search; //現在のURLの「?」以降を追加
　}
}

リンク先URLに既にクエリ文字列がついていた場合のことは考慮していません。
必要に応じて修正してください。

参考URL：https://developer.mozilla.org/ja/docs/Web/API/wi …