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さま