> 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でチェックボックスを操作する方法まとめ【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
(スパム対策に、投稿キー を半角で入力してください。)