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