HTML URL アドレスの解析

HTML URL アドレス解析

JavaScript の location オブジェクトを通じて、URL 内のプロトコル、ホスト名、ポート、アンカー ポイント、クエリ パラメーター、その他の情報を取得できます。

例

URL: http://www.akmsg.com/WebDemo/URLParsing.html#top?username=admin&pwd=123456

解析結果:

コード

console.log(
    'location.hash     :' + location.hash     + '\r\n' +
    'location.host     :' + location.host     + '\r\n' +
    'location.hostname :' + location.hostname + '\r\n' +
    'location.href     :' + location.href     + '\r\n' +
    'location.pathname :' + location.pathname + '\r\n' +
    'location.port     :' + location.port     + '\r\n' +
    'location.protocol :' + location.protocol + '\r\n' +
    'location.hash     :' + location.hash     + '\r\n' +
    'location.search   :' + location.search   + '\r\n' +
    'location.origin   :' + location.origin
)

オンライン例

アドレス: http://www.akmsg.com/WebDemo/URLParsing.html