History オブジェクト
JavaScript History オブジェクトは、動作しているブラウザのアクセス履歴を記録するために使用されます。 History オブジェクトは window オブジェクトの一部であり、window.history プロパティを通じてアクセスできます。
ヒント: History オブジェクトの有効範囲は、現在のウィンドウを参照します。
History オブジェクトの長さ属性
History オブジェクトには、ブラウザーのアクセス履歴内の URL の数を取得するために使用される一意の長さ属性があります。例は次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
document.write(history.length);
</script>
</head>
<body>
</body>
</html>
説明
この例の出力結果は、現在のページの閲覧履歴によって異なります。この例を新しいウィンドウで開いた場合、IE ブラウザは 0 を出力します。 0 から数えます)、Firefox、Chrome ブラウザーは 1 を出力します。
back() メソッド
back() メソッドは、前の閲覧ページ (存在する場合) に戻るために使用されます。その効果は、ブラウザーの戻るボタンをクリックするか、history.go(-1) を呼び出すことと同じです。 。前のページに戻るときによく使用されるヒントは次のとおりです:
<a href="javascript:window.history.back()" />前のページに戻る</a>
<html>
<head>
<script>
function goBack()
{
window.history.back()
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>
forward() メソッド
back() メソッドは、次の閲覧ページ (存在する場合) に移動するために使用されます。その効果は、ブラウザーの進むボタンをクリックするか、history.go(1) を呼び出すことと同じです。例:
<a href="javascript:window.history.forward()" />次のページに移動</a>
<html>
<head>
<script>
function goForward()
{
window.history.forward()
}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>注: back メソッドと forward メソッドには、ブラウザ 履歴がある場合のみ表示可能です。
次のセクション