【JavaScript】location使って色々取得してみるから

小川さん
聞いてくれ、 カンマンからのお知らせだ。

パラメーター付けてゴニョゴニョしてるページでハッシュタグ付きでページ内リンクでいどうしたところ、
「#top」みたいな感じで後ろに付いちゃってパラメータをうまく取得できなくなってたり、とかありませんか?

え?そんなのない?さすがです。

プログラムできない僕は「ありゃありゃ」ってなりました。

ということで、locationで取得できるやつらリスト

テストURLは下記(サンプルなんで飛んでもただのカンマンのメッセージページです。)

https://www.comman.co.jp/message/?staff=shirai#top

とりあえずlocation叩いて覗いてみますと。

location

26DFD8EE-57F1-4A8A-B45F-BB35781379C9
うえーい、いっぱい出てきた。

URLを全部取得

location.href

結果 : “https://www.comman.co.jp/message/?staff=shirai#top”

8FFC2544-1FD8-45A0-9C5A-39CB40AFAA56

ハッシュ

location.hash

結果 : “#top”

26107151-68DB-46E2-ACA3-1E7B8E714B06

ドメイン

document.domain

結果 : “www.comman.co.jp”

04834344-35EF-4535-A301-626FCAA8C276

ホスト

location.host

結果 : “www.comman.co.jp”

DA486BFA-5F8F-45C9-8F86-43C5225F0088

オリジナル

location.origin

結果 : “www.comman.co.jp”

BD332F44-35C0-4A78-A84C-657AF7736FA1

「?」以降の文字を取得(ハッシュは含まれないよ)

location.search

結果 : “?staff=shirai”

53773F1E-8D2D-47B3-8B74-3323499BCE9F

パス名

location.pathname

結果 : “/message/”
4B2A1E5D-7D0B-42AF-9A21-D5DFF1906A30

プロトコル

location.protocol

結果 : “http:”
AABB8C9C-C5A0-44C0-9568-791686EA3233

パラメータ取りたいときにlocation.searchをよく使ってるけど、僕みたいな野郎が他もどっかで使うタイミングあるのかしら。とりあえずメモだよねこれ。

この記事は「javascript」カテゴリーです。

カンマン最新情報をゲット!

Facebookのウォールで

Twitterのタイムラインで

この記事を書いた人

白い たつ也
白い たつ也 Web Hengineer 「腹は黒いが名は白い」 気がついたら徳島にいました。 好き嫌いの激しい87年生まれ。 白い たつ也が書いた他の記事をチェック!

もう1記事どうぞ!

  • 関連
  • 人気
  • 最新

コメントを残す