> JavaScript/jQuery > JavaScriptで現在のURLを取得する方法
JavaScriptで現在のURLを取得する方法

JavaScriptで現在のURLを取得する方法

JavaScriptで現在のURLを取得して処理を行いたいことがよくあるのですが、都度忘れてしまうのでメモしておきます。

//URL全体を取得する(結果:http://sample.com/test.html?p=123#top)
location.href

//ドメインを取得する(結果:sample.com)
location.host

//プロトコルを取得する(結果:http)
location.protocol

//ファイル名を取得する(結果:test.html)
location.pathname

//パラメータを取得する(結果:?p=123)
location.search

//アンカーを取得する(結果:#top)
location.hash

この記事が気に入ったらシェアしてください

関連記事

jQueryでlabelにクリックイベントを設定するとダブルクリック判定になる時の対処法

jQueryでチェックボックスを操作する方法まとめ【2021年版】

jQueryでチェックボックスを操作する方法まとめ【2021年版】

jQueryプラグイン「Colorbox」でYoutube動画をモーダルで表示してみる(レスポンシブ対応済)

jQueryプラグイン「Colorbox」でYoutube動画をモーダルで表示してみる(レスポンシブ対応済)

jQueryプラグイン「Colorbox」でHTMLタグや外部HTMLファイルをモーダルで表示してみる

jQueryプラグイン「Colorbox」でHTMLタグや外部HTMLファイルをモーダルで表示してみる

簡単にモーダルウィンドウを実装できるjQueryプラグイン「Colorbox」

簡単にモーダルウィンドウを実装できるjQueryプラグイン「Colorbox」

SyntaxHighlighterでの表示を色々カスタマイズしてみる

SyntaxHighlighterでの表示を色々カスタマイズしてみる

Comment Form

コメント投稿はこちらをクリックしてください
  • コメントを入力してください。
登録フォーム
Name
Mailaddress
URL
Message
Postkey
(スパム対策に、投稿キー を半角で入力してください。)