JavaScriptによるページURLの取得、その利用について。

解決済

質問者：tokunious
質問日時：2009/09/10 15:01
回答数：3件

現在開いているページのURLを取得し、それを文字列として扱う方法はありますか？また、その文字列を比較に用いたいのですが、良い方法があれば教えてください。よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： cyokodog
回答日時：2009/09/10 17:07

下記記述でできます。

a.html(テスト用の呼び出し側HTML)
<!DOCTYPE HTML>
<html>
<body>
<form action="exquerystring01b.html">
<input name="param1"/>
<input name="param2"/>
<input type="submit"/>
</form>
<a href="b.html?param1=あいうえお&param2=かきくけこ">link</a>
</body>
</html>

b.html（呼び出され側のHTML）
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function(){
var url = location.href;
if(url.indexOf('?') < 0) return false;
var params = url.replace(/.+\?/, '').split('&');
var result = {};
for(var i=0; i<params.length; i++ ){
var param = params[i].split('=');
result[ param[0] ] = decodeURIComponent(param[1]);
}
alert(result.param1)
alert(result.param2)
}
</script>
</head>
<body>
</body>
</html>

ちなみにこちらで紹介してる jQuery プラグインを使うと以下ように簡略して書けます。
http://d.hatena.ne.jp/cyokodog/20090526/jQueryEx …

b.html（呼び出され側のHTML）
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery_1_2_6.js"></script>
<script src="jquery.exquerystring.js"></script>
<script>
jQuery(function($){
alert($.ex.queryString().param1)
alert($.ex.queryString().param2)
});
</script>
</head>
<body>
</body>
</html>

またURL以外にも
・<a href="xxx.php?aaa=1&bbb=2">link</a>
・<script src="xxx.js?aaa=1&bbb=2"></script>
などの値も取得できます。
ご参考までに

参考URL：http://d.hatena.ne.jp/cyokodog/20090526/jQueryEx …