JavaScript ウィンドウの位置

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>

学び続ける

||

新しいファイル

<!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>

提出するリセットコード
自動運転