Location オブジェクト
JavaScript Location オブジェクトは、現在の URL 情報を取得または設定するために使用されます。 Location オブジェクトは window オブジェクトの一部であり、window.location プロパティを通じてアクセスできます。
Location オブジェクトは、URL アドレスの情報を取得したり、現在のページを更新したり、ページのリダイレクトなどによく使用されます。詳細については、以下にリストされているプロパティとメソッドを参照してください。
Location オブジェクト属性
プロパティlocation.host URL 内のホスト (ポート番号を含む) を設定または取得します
location .hostname URL 内のホスト名を設定または取得します
location.href完全な URL (ページ リダイレクト アプリケーション) を設定または取得します
location.pathname URL 内のパスを設定または取得します
location.port URL 番号内のポートを設定または取得します
location.protocol 使用するプロトコルを設定または取得しますURL による
location.search URL 内のクエリ文字列 (通常は ? 記号の後の内容) を設定または取得します
Location オブジェクトのメソッド
History オブジェクトには次の 3 つのメソッドがあります:
location.assign() : 新しいページのドキュメントをロードします
location.reload(): 現在のページを再ロード (更新) します
location.replace(): 現在のドキュメントを新しいドキュメントに置き換えます
JavaScript location.href 属性
Location オブジェクトの href 属性は、現在の完全な URL を設定または取得するために使用されます。構文は次のとおりです。
location.href = URL
location.href 属性は、Page で最も一般的に使用されます。 JavaScript でジャンプ (リダイレクト)
(現在のページの) URL 全体を返します: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
document.write(location.href);
</script>
</head>
<body>
</body>
</html>
JavaScript location.pathname 属性
Location オブジェクトの pathname 属性は、現在の URL のパス部分を設定または取得するために使用されます。構文は次のとおりです:
location.pathname = path
。
現在の URL のパス名を返します :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
document.write(location.pathname);
</script>
</head>
<body>
</body>
</html>
JavaScript location.assign() メソッド
Location オブジェクトの assign() メソッドは、新しいドキュメントをロードするために使用されます:
location.assign(URL)
新しいドキュメントをロードします:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function setAssign(){
window.location.assign("http://www.php.cn");
}
</script>
</head>
<body>
<button onclick="setAssign()">加载新文档</button>
</body>
</html>
次のセクション
