JavaScriptでウェブ履歴の前後を参照するボタンを設置するプログラム

<!DOCTYPE html>
<html lang="ja">
<head>
	<title>履歴の前後を参照</title>

	<!--スタイルシートで<h1>タグに色をつける-->
	<style type="text/css">
		h1{background-color: #99CC33}
	</style>

	<!--JavaScriptの記述-->
	<script type="text/javascript">
		function hp(){
			//グーグル（http://google.co.jp）に移動する
			location.href="http://google.co.jp"
		}

		function forward(){
			//ウェブ閲覧の履歴を一つ進む
			history.forward();
		}

		function backward(){
			//ウェブ閲覧の履歴を一つ戻る
			history.back();
		}
	</script>

</head>
<body>
	<!--<h1>タグをクリックしたときに、グーグルのページに移動する-->
	<h1 onclick="hp()">グーグルに移動します。</h1>

	<!--戻るボタンをクリックしたときに、履歴を一つもどる-->	
	<input type="button" value="戻る" onclick="backward()">

	<!--進むボタンをクリックしたときに、履歴を一つ進む-->	
	<input type="button" value="進む" onclick="forward()">
</body>
</html>

<!DOCTYPE html>

<head>

<title>履歴の前後を参照</title>

h1{background-color: #99CC33}

</style>

function hp(){

//グーグル（http://google.co.jp）に移動する

location.href="http://google.co.jp"

}

function forward(){

//ウェブ閲覧の履歴を一つ進む

history.forward();

}

function backward(){

//ウェブ閲覧の履歴を一つ戻る

history.back();

}

</script>

</head>

<body>

<h1 onclick="hp()">グーグルに移動します。</h1>

</body>

</html>

JavaScriptでウェブ履歴の前後を参照するボタンを設置するプログラム

言語

お勧め

リンク

カテゴリー

メタ情報