URL情報(location)操作
URLの移動、URLの更新、URL情報の取得に関するリファレンス。(window.location オブジェクト)
お品書き
location.hash
ハッシュへ移動 もしくは、#以降の部分を取得します
location.host
ホスト名:ポート番号の部分を取得/設定します
location.hostname
ホスト名の部分を取得/設定します
location.href
指定したURLへ移動、もしくは URL全体を取得します
location.pathname
指定したパスへ移動、もしくは、パスを取得します
location.port
ポート番号の部分を取得/設定します
location.protocol
プロトコルの部分を取得/設定します
location.search
問い合わせ文字列の部分を取得/設定します
location.assign()
指定した URL へ移動します
location.reload()
URL を再読み込みします
location.replace()
指定した URL へ移動します
document.referrer
リンク元のURL(リファラ)を取得します
▲TOP
location.hash
IE
FX
OP
SF
CM
ハッシュへ移動 もしくは、location の #以降の部分を取得します。
location.hash =
"hash"
hash
= location.hash
<form>
<input type="button" value="トップへ移動" onclick="location.hash='top'">
</form>
document.write ( "href = ", location.href );
document.write ( "hash = ", location.hash );
ハッシュ(#) が無い場合は、"" を返します。
▲TOP
location.host
IE
FX
OP
SF
CM
location の ホスト名:ポート番号の部分を取得/設定します。
host
= location.host
document.write ( "href = ", location.href );
document.write ( "host = ", location.host );
location.hostname と location.port をコロンで連結したものとなります。
location.port が null の場合は、 location.hostname と同じになります。
▲TOP
location.hostname
IE
FX
OP
SF
CM
location の ホスト名の部分を取得/設定します。
hostname
= location.hostname
document.write ( "href = ", location.href );
document.write ( "hostname = ", location.hostname );
ホスト名がない場合は、"" が返ります。
▲TOP
location.href
IE
FX
OP
SF
CM
指定したURLへ移動、もしくは URL全体を取得します。
location.href =
"URL"
host
= location.href
<form>
<input type="button" value="このウィンドウでリンク" onclick="location.href='http://www.red.oit-net.jp/tatsuya/js/location.htm'">
</form>
<form>
<input type="button" value="新しいウィンドウでリンク" onclick="window.open('http://www.red.oit-net.jp/tatsuya/js/location.htm')">
</form>
document.write ( "href = ", location.href );
※ location.href="URL" は location="URL" と同じです。
※ 新しくウィンドウを開いて移動する場合は、window.open('URL') を使います。
▲TOP
location.pathname
IE
FX
OP
SF
CM
指定したパスへ移動、もしくは、パスを取得します。
location.pathname =
"パス"
pathname
= location.pathname
<form>
<input type="button" value="リンク" onclick="location.pathname='/tatsuya/js/location.htm'">
</form>
document.write ( "href = ", location.href );
document.write ( "pathname = ", location.pathname );
▲TOP
location.port
IE
FX
OP
SF
CM
location の ポート番号の部分を取得/設定します。
port
= location.port
document.write ( "href = ", location.href );
document.write ( "port = ", location.port );
ポートが指定されていない場合は、"" が返ります。
▲TOP
location.protocol
IE
FX
OP
SF
CM
location の プロトコルの部分を取得/設定します。
protocol
= location.protocol
document.write ( "href = ", location.href );
document.write ( "protocol = ", location.protocol );
▲TOP
location.search
IE
FX
OP
SF
CM
location の 問い合わせ文字列の部分を取得/設定します。
location.search =
"問い合わせ文字列"
search
= location.search
<form>
<input type="button" value="リンク" onclick="location.search='data=inudemo'">
</form>
document.write ( "href = ", location.href );
document.write ( "search = ", location.search );
? で続く文字列を返します。? 記号も含みます。
▲TOP
location.assign()
IE
FX
OP
SF
CM
指定した URL へ移動します。
location.assign(
"URL"
)
<form>
<input type="button" value="リンク" onclick="location.assign( 'http://www.red.oit-net.jp/tatsuya/js/location.htm' )">
</form>
▲TOP
location.reload()
IE
FX
OP
SF
CM
URL を再読み込みします。
location.reload(
forceget
)
forceget
説明
true
サーバーから再読み込みします。
false
キャッシュから再読み込みします。
規定値は false です。
<form>
<input type="button" value="更新" onclick="location.reload( true )">
</form>
▲TOP
location.replace()
IE
FX
OP
SF
CM
指定した URL へ移動します。履歴は上書きされます。
location.replace( URL )
<form>
<input type="button" value="リンク" onclick="location.replace( 'http://www.red.oit-net.jp/tatsuya/js/location.htm' )">
</form>
location.assign との違いは、履歴に追加ではなく、上書きされることです。
▲TOP
document.referrer
IE
FX
OP
SF
CM
リンク元のURL(リファラ)を取得します。
url
= document.referrer
url = document.referrer;
document.write( "url = ", url );
document.referrerは、読み出し専用です。
リンク元がない場合(URLの直接入力、ブックマークの使用等)は、ヌルストリング("")が返ります。
▲TOP