window.print()は、ブラウザの印刷ダイアログを呼び出すメソッド。
構文
<script type="text/javascript">
window.print();
</script>
window.print();
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
print();
</script>
print();
</script>
サンプルＡ
サンプルＡの動作について
「印刷」ボタンをクリックすると、ブラウザの印刷ダイアログを呼び出す。
サンプルＡのソースコード
JavaScript
<script type="text/javascript">
window.onload = initialize;
function initialize() {
document.getElementById( 'samplePrint' ).onclick = samplePrint;
}
function samplePrint() {
print();
}
</script>
window.onload = initialize;
function initialize() {
document.getElementById( 'samplePrint' ).onclick = samplePrint;
}
function samplePrint() {
print();
}
</script>
HTML
<p>
<button id="samplePrint">印刷</button>
</p>
<button id="samplePrint">印刷</button>
</p>
CSS
<style type="text/css">
#samplePrint {
font-size: 16px;
}
</style>
#samplePrint {
font-size: 16px;
}
</style>
サンプルＢ
サンプルＢの動作について
「印刷」ボタンをクリックすると、ブラウザの印刷ダイアログを呼び出す。
サンプルＢのソースコード
HTML
<button id="sampleButton" onclick="window.print();">印刷</button>
CSS
<style type="text/css">
#sampleButton {
font-size: 16px;
}
</style>
#sampleButton {
font-size: 16px;
}
</style>