このページは下のボタンで印刷できます。プリンターの電源を入れ、「印刷」ボタンを押してください。
（印刷前のページ内容、印刷後のページ内容、印刷内容の３つを見比べてください。違いがわかります。）
このページ内容を
<SCRIPT language="JavaScript"><!--
var title; //ﾍﾟｰｼﾞのﾀｲﾄﾙ内容を保持する変数
function Before(){ //印刷内容を設定
title = document.title; //ﾍﾟｰｼﾞのﾀｲﾄﾙを取得
document.title = "印刷 : " + title; //印刷時のﾍﾟｰｼﾞﾀｲﾄﾙ
document.body.style.fontSize = 16; //印刷時のﾍﾟｰｼﾞのﾌｫﾝﾄｻｲｽﾞ
document.body.style.fontFamily = "ＭＳ 明朝"; //印刷時のﾍﾟｰｼﾞのﾌｫﾝﾄ種類
test.style.display = "none"; //印刷から除外する
}
function After(){ //印刷後のﾍﾟｰｼﾞ内容を設定
document.title = title; //ﾍﾟｰｼﾞのﾀｲﾄﾙを元に戻す
document.body.style.fontSize = 12; //印刷後のﾍﾟｰｼﾞのﾌｫﾝﾄｻｲｽﾞ
document.body.style.color = "navy"; //印刷後のﾍﾟｰｼﾞのﾌｫﾝﾄ色
test.style.display = "block"; //印刷から除外した部分を再表示する
test.style.fontSize = 18; //印刷から除外した部分のﾌｫﾝﾄｻｲｽﾞ
test.style.color = "green"; //印刷から除外した部分のﾌｫﾝﾄ色
test.innerText = "印刷しました！！。印刷前のページ内容、印刷後のページ内容、印刷内容の
３つを見比べてください。違いがわかります。"; //印刷から除外した部分の内容を変える
}
//--></SCRIPT>
</head>
<body onbeforeprint="Before()" onafterprint="After()">
<h4>印刷用のイベント</h4>
<p id="test">このページは下のボタンで印刷できます。プリンターの電源を入れ、「印刷」ボタンを押してください。<br>
（印刷前のページ内容、印刷後のページ内容、印刷内容の３つを見比べてください。違いがわかります。）<br><br>
このページ内容を<button onclick="window.print()">印刷する</button></p>
<hr>
<div>■印刷関連イベント（IE5〜のみ対応）<br>
<div style="margin-left:20"><font color="#FF0000">onbeforeprintイベント</font><br>
・印刷する直前に発生<br>
・印刷内容に反映し、印刷後の画面表示に影響する。<br><br>
<font color="#FF0000">onafterprintイベント</font><br>
・印刷後に発生<br>
・印刷後の画面表示に反映する。</div></div>
end(03/7/12)