JavaScriptプログラミングにおけるウィンドウの位置と履歴オブジェクトを詳しく解説

JavaScriptプログラミングにおけるウィンドウの位置と履歴オブジェクトを詳しく解説_基礎知識

WBOY

リリース： 2016-05-16 15:34:49

オリジナル

1379 人が閲覧しました

ウィンドウの位置

window.location オブジェクトは、現在のページのアドレス (URL) を取得し、ブラウザを新しいページにリダイレクトするために使用されます。
window.location オブジェクトは、window プレフィックスなしで記述することができます。いくつかの例:
いくつかの例:
location.hostname は Web ホストのドメイン名を返します
location.pathname は現在のページのパスとファイル名を返します
location.port は Web ホストのポート (80 または 443) を返します
location.protocol は、使用される Web プロトコル (http:// または https://) を返します

ウィンドウの位置 Href

location.href プロパティは、現在のページの URL を返します。
例
(現在のページの) URL 全体を返します:

<script>

document.write(location.href);

</script>

ログイン後にコピー

ウィンドウの場所のパス名
location.pathname プロパティは、URL のパス名を返します。
例
現在の URL のパス名を返します:

<script>

document.write(location.pathname);

</script>

ログイン後にコピー

上記のコードの出力は次のとおりです:

/js/js-window-location.html

ログイン後にコピー

ウィンドウ位置の割り当て
location.assign() メソッドは新しいドキュメントを読み込みます。
例
新しいドキュメントをロードします:

<html>
<head>
<script>
function newDoc()
 {
 window.location.assign("http://www.w3cschool.cc")
 }
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>

ログイン後にコピー

ウィンドウ履歴
window.history オブジェクトは、書き込み時に window プレフィックスを使用する必要はありません。
ユーザーのプライバシーを保護するために、このオブジェクトにアクセスする JavaScript のメソッドは制限されています。
いくつかのメソッド:

history.back() - ブラウザの戻るボタンをクリックするのと同じです
history.forward() - ブラウザで進むボタンをクリックするのと同じです

ウィンドウ履歴戻る

history.back() メソッドは、履歴リスト内の前の URL をロードします。
これは、ブラウザの「戻る」ボタンをクリックするのと同じです:
例
ページに戻るボタンを作成します:

<html>
<head>
<script>
function goBack()
 {
 window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

ログイン後にコピー

ウィンドウ履歴の転送
History forward() メソッドは、履歴リスト内の次の URL をロードします。
これは、ブラウザの [進む] ボタンをクリックするのと同じです:
例
ページに進むボタンを作成します:

<html>
<head>
<script>
function goForward()
 {
 window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

ログイン後にコピー