window.print()メソッド

window.print()は、ブラウザの印刷ダイアログを呼び出すメソッド。

構文

<script type="text/javascript">
window.print();
</script>

<script></script>内であれば、window.は、下記のように省略可能。

<script type="text/javascript">
print();
</script>

サンプルA

サンプルAの動作について

「印刷」ボタンをクリックすると、ブラウザの印刷ダイアログを呼び出す。

サンプルAのソースコード

JavaScript

<script type="text/javascript">
window.onload = initialize;
function initialize() {
    document.getElementById( 'samplePrint' ).onclick = samplePrint;
}
function samplePrint() {
    print();
}
</script>

HTML

<p>
    <button id="samplePrint">印刷</button>
</p>

CSS

<style type="text/css">
#samplePrint {
    font-size: 16px;
}
</style>

サンプルB

サンプルBの動作について

「印刷」ボタンをクリックすると、ブラウザの印刷ダイアログを呼び出す。

サンプルBのソースコード

HTML

<button id="sampleButton" onclick="window.print();">印刷</button>

CSS

<style type="text/css">
#sampleButton {
    font-size: 16px;
}
</style>

スポンサード リンク

カテゴリー: JavaScript, Windowオブジェクト, ブラウザオブジェクト, メソッド, リファレンス, 操作 パーマリンク