ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptで印刷操作を実装する方法

JavaScriptで印刷操作を実装する方法

青灯夜游
青灯夜游オリジナル
2021-05-18 15:04:056450ブラウズ

JavaScript では、Window オブジェクトの print() メソッドを使用して、構文形式「window.print()」で印刷操作を実装できます。 print() メソッドは、現在のウィンドウの内容を印刷するために使用されます。print() メソッドを呼び出すと、印刷プレビュー ポップアップ ボックスが生成され、ユーザーは印刷要求を設定できるようになります。

JavaScriptで印刷操作を実装する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

現在のページの指定された要素のコンテンツを印刷します

window.print() を直接使用します;

最初に要素の HTML コンテンツを取得します (スタイルがある場合はインライン スタイルを使用することをお勧めします)

var newstr = document.getElementById(myp).innerHTML;//得到需要打印的元素HTML

現在のページの HTML 全体を保存します。 window.print() 印刷操作では、現在のページのすべてのコンテンツが印刷されるためです。ページなので、最初に現在のページを保存して、後で復元できるようにします。

var oldstr = document.body.innerHTML;//保存当前页面的HTML

現在のページを印刷コンテンツ HTML に置き換えます

document.body.innerHTML = newstr;

印刷操作を実行します

window.print();

現在のページを復元します

document.body.innerHTML = oldstr;

メソッドの例:

//myp为需要打印的元素ID
function printpage(myp){   
var newstr = document.getElementById(myp).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = newstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}

[推奨学習: JavaScript 上級チュートリアル]

以上がJavaScriptで印刷操作を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。