Shaqna's photo site

JavaScriptでURLを取得する方法


JavaScriptでのURLの取得の仕方を備忘録として紹介します。
実際には、とても簡単でした……


■前提

使用言語:JavaScript
取得したいURL:http(s)://ドメイン

■概略

大きく、二つのことをしました。
1.現在ページのURLを取得
2.取得したURLからドメイン部分までを切り取る

1.JavaScriptで現在ページのURLを取得する方法

location.hrefを使用しました。

2.ドメインまでを取得する方法

location.hrefではURLすべてを取得するので、
(1) splitを使用して「/」で区切り、先頭から三つ目の「/」までを取得して
(2) そのあと結合する
ことにしました。

■出来上がり品

var pURLfull = location.href;                   // location.hrefで現在のURLを取得して、
var pURLarray = pURLfull.split('/',3); // 「/」の三つ目までを取得して(配列に入る)
var pURL = pURLarray[0] + '//' + pURLarray[2]; // 配列の0(1番目)と「//」と2(3番目)を結合

これで、「http」(ローカル作成環境)でも「https」(本番サーバ)でも対処でき、ドメインが異なっても問題ない状態にできました。

■参考サイト

SAMURAI ENGINEER Blogさま




TOP