Javascript/Jqueryで現在のURLの取得とパース

現在表示しているURLとパースした内容(ホストやパスなど)

作成日:2017-11-10, 更新日:2017-11-19

基本

それぞれ上がJavascriptで下がJqueryの表記。

現在表示しているURL。

var jsVal = location.href;
var jqVal = $(location).attr('href');

現在表示しているホスト名

var jsVal = location.host;
var jqVal = $(location).attr('host');

※「host」と「hostname」の2種類あるみたいだけど、どっちを使うのが正解なのかはわからない。

現在表示しているパス

var jsVal = location.path;
var jqVal = $(location).attr('path');

他にも色々。

Javascript/Jqueryで現在のURLの取得とパースのサンプルはコチラ

URLのパース

URLをパースしたいときはひとまずDOMにしてから、上記の内容

var a = $('<a>', { href:'http://tips.recatnap.info/'} )[0];
var host = a.host;

※パスやプロトコル等、他も同様。

関連

Javascript/Jqueryで現在のURLの取得とパースのサンプル