定番
新着
履歴

jQuery ウィンドウ操作のサンプル

サンプル
コード
ウィンドウを
閉じる

ウィンドウを
更新する

(閲覧履歴)を
戻る

(閲覧履歴)を
進む

印刷する
© 2024 kipure
Top





<script>
$(document).ready(function(){
	// ウィンドウを閉じる
	$('#close').click(function () {
	window.close();
	return false;
	});
	
	// ウィンドウ更新
	$('#reload').click(function () {
	window.location.reload();
	});
	
	// 戻る
	$('#back').click(function () {
		history.back();
	});
	
	// 進む
	$('#forward').click(function () {
		history.forward();
	});
	
	$(function () {
		// 印刷を開始する
		$('#print').click(function () {
			window.print();
			return false;
		});
	});
});
</script>


<a id="close" class="btn">ウィンドウを<br>閉じる</a>
<br>
<a id="reload" class="btn">ウィンドウを<br>更新する</a>
<br>
<a id="back" class="btn">(閲覧履歴)を<br>戻る</a>
<br>
<a id="forward" class="btn">(閲覧履歴)を<br>進む</a>
<br>
<a id="print" class="btn">印刷する</a>