ホームページ >ウェブフロントエンド >jsチュートリアル >Webページの指定領域を印刷するJavaScriptの例_JavaScriptスキル

Webページの指定領域を印刷するJavaScriptの例_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 16:50:041294ブラウズ

JavaScript 印刷ページの div 領域指定の原則: window.open() を使用してブラウザで新しいページ (ウィンドウ) を開き、window.document.write() を使用して指定された div 領域のコンテンツを新しいウィンドウドキュメントの場合、document .close() はドキュメントを閉じ、window.print() を使用してプリンタを呼び出して現在のドキュメントを印刷します。

JavaScript 印刷関数 myPrint(obj):

コードをコピー コードは次のとおりです:

function myPrint(obj){
//新しいウィンドウを開きます newWindow
var newWindow=window.open("Print Window","_blank");
//印刷する div Content
var docStr = obj.innerHTML;
//印刷コンテンツは newWindow に書き込まれます document
newWindow.document.write(docStr);
// document を閉じる
newWindow .document.close ();
//プリンターを呼び出します
newWindow.print();
//newWindow ページを閉じます
newWindow.close();
}

myprint() 呼び出しメソッド:

コードをコピー コードは次のとおりです:
myPrint(document.getElementById('printDivID'));

コード例:

コードをコピー コードは次のとおりです:
function myPrint(obj){
var newWindow=window.open("Print Window","_blank");
var docStr = obj.innerHTML;
newWindow.document。 write(docStr );
newWindow.document.close();
newWindow.print();
newWindow.close();
}

< ;div id ="print">


印刷をクリックすると、ここのコンテンツが新しいウィンドウにロードされます。



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

関連記事

続きを見る