お知らせ

BLOG

トップページ / 【JavaScript】location使って色々取得してみるから

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

パラメーター付けてゴニョゴニョしてるページでハッシュタグ付きでページ内リンクでいどうしたところ、 「#top」みたいな感じで後ろに付いちゃってパラメータをうまく取得できなくなってたり、とかありませんか? え?そんなのない?さすがです。 プログラムできない僕は「ありゃありゃ」ってなりました。 ということで、locationで取得できるやつらリスト テストURLは下記(サンプルなんで飛んでもただのカンマンのメッセージページです。) https://comman.co.jp/message/?staff=shirai#top とりあえずlocation叩いて覗いてみますと。
location
26DFD8EE-57F1-4A8A-B45F-BB35781379C9 うえーい、いっぱい出てきた。

URLを全部取得

location.href
結果 : “https://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をよく使ってるけど、僕みたいな野郎が他もどっかで使うタイミングあるのかしら。とりあえずメモだよねこれ。