ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptプログラミングにおけるウィンドウの位置と履歴オブジェクトを詳しく解説_基礎知識
JavaScriptプログラミングにおけるウィンドウの位置と履歴オブジェクトを詳しく解説_基礎知識
- WBOYオリジナル
- 2016-05-16 15:34:491377ブラウズ
ウィンドウの位置
- 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>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。