[JavaScript] 現在のURLやパラメタを取得する方法(Location)

imac-464737_1280

JavaScriptで現在のウェブページのURLを取得する方法の紹介です。

JavaScriptでURLを取得したり、パラメタを取得したりするには、Locationオブジェクトを使います。

URLの取得、ホスト情報の取得、アンカーの取得、パスの取得、パラメタの取得など、基本的なデータの取得方法を記載します。

locationの使い方と表示結果

以下は「http://www.example.com/sample/test.html?id=7 #ac」というURLからデータを取得するときの例です。

URLの取得(location.href)

ホストの取得(location.host)

パスの取得(location.pathname)

パラメタの取得(location.search)

アンカの取得(location.hash)

ポートの取得(location.port)

プロトコルの取得(location.protocol)

利用例

URLを取得

ボタンをクリックすると alert に URL が表示される例。

パスを取得

ボタンをクリックすると alert に パス が表示される例。

パラメタを取得・分割

  • Categories

  • タグ

  • アーカイブ

  • 最近の投稿