Zenn
🌟

素JavascriptでURL引数を取得する

2022/07/24に公開
JavaScript
url
tech

概要

素のJavascriptでURL引数を取得したくなったので調べてみた。
その結果の個人的なメモ

やり方

URLの取得方法

window.location.hrefにURLが記載されている。
また、入力を行ってURL移動を行うこともできるっぽい

https://developer.mozilla.org/ja/docs/Web/API/Window/location

https://developer.mozilla.org/ja/docs/Web/API/Location/href

URL引数の取得方法

文字列をURLに変換してsearchParams.get()で取得する。

https://developer.mozilla.org/ja/docs/Web/API/URL/searchParams

ソースコード

    // 文字列としてURLを取得する。
    let url_string = window.location.href;
    // 文字列としてのURLをURLオブジェクトに変換する。
    let url = new URL(url_string);
    // URLオブジェクトのsearchParamsのget関数でIDがdの値を取得する。
    let data=url.searchParams.get("d");
    // "d"というIDが定義されていない場合はnullが入る

下記のようなURLではaaaaという文字列が取得できる。

https://hashito.biz?d=aaaa

Discussion