I'll be NET 】創作サイトから中小企業まで東京都三鷹市で低価格高品質なホームページ制作(SOHO)

トップページ > 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

記事移動

関連記事

HTML上の要素の位置を変更するjQuery

HTML上の要素の位置を変更するjQuery

ロード時やスクロール時にふわっと表示させるjQuery

ロード時やスクロール時にふわっと表示させるjQuery

pixiv小説のように縦書き表示する方法-2019版

pixiv小説のように縦書き表示する方法-2019版

facebookページの投稿一覧をGraphAPIとjQuery(json)で表示してみる

jQueryで特定のパラメータの値を取得する関数

jQueryで特定のパラメータの値を取得する関数

jQueryでページ内リンクをスムーススクロールさせる方法

jQueryでページ内リンクをスムーススクロールさせる方法

Comment Form

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

ユーティリティ

創作サイトから中小企業まで東京都三鷹市で低価格高品質なホームページ制作(SOHO)【I'll be NET】

プロフィール

author:I'll be NET

since:2014.01.01

東京都を拠点としたSOHO(フリーランス)による創作サイト向けWEB制作サービスを行っています。 お仕事とか創作活動とかでメモっておきたいこととかを掲載しています。

more

Feed