javascriptでスマートフォン・PC分岐

質問

ＰＣ用のサイトとスマートフォン用のサイトをそれぞれ作り、アクセスをjavascriptで振り分けたいと考えています。
ＰＣ用とスマートフォン用のＵＲＬはあいだに"i"をはさむ違いだけです。

http://www.hoge/cate1/post_001.html
http://www.hoge/i/cate1/post_001.html

いろいろ調べた結果、トップページは下記でうまく行きました。
<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
location.href = '/i/';
}
</script>

問題は個別ページがうまく行きません。自分なりに調べて下記のように書きました。

<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
location.href = '/i/location.pathname';
}
</script>

ところがこれではhttp://www.hoge/i/location.pathnameに行ってしまいダメです。
なぜダメなのでしょうか？
この場合、どのように記述すれば良いか教えてください。
ＰＨＰとＣＧＩとかはさっぱり判らないのでその選択肢はありません。
よろしくお願いします。

回答No.1

kosukejlampnet · ベストアンサー

location.href = '/i/location.pathname';
→　location.href = '/i/' + location.pathname;

お礼

やってみたらうまく出来ました！
この + があるだけで動作するものなんですね。すごい！！
すぐに解決できてほんとうに嬉しいです。
心からお礼申し上げますm(__)m