Web ページページングの printing_javascript スキルの実装-jsチュートリアル-php.cn

1．まず、印刷する必要があるページに WebBrowser を導入します。 コードをコピーします。 コードは次のとおりです: をページに追加するか、必要に応じて JavaScript を使用して一時的に追加することもできます: コードをコピーします コードは次のとおりです: document.body.insertAdjacentHTML("beforeEnd", " classid="clsid:8856F961-340A-11D0- A96B-00C04FD705A2">); 2. ページ設定と印刷プレビュー 図のように以下では、直接呼び出すことができます コードをコピー コードは次のとおりです: ドキュメント。 all.WebBrowser.ExecWB(6,6) 直接印刷 document.all .WebBrowser.ExecWB(8,1) ページ設定 document.all.WebBrowser.ExecWB(7,1) 印刷プレビュー または: コードをコピー コードは次のとおりです: execScript( "document.all.WebBrowser.ExecWB 7, 1","VBScript"); 3 非印刷ページ要素とページネーションを非表示にします CSS には Media 属性があります印刷形式と表示形式を個別に設定できます。 たとえば、 ... 中央の形式は印刷中にのみ機能し、表示インターフェイスには影響しません。 .Noprint{display:none;} .PageNext{page-break-after: を設定できます。 always;} 次に、印刷したくないページ要素に class="Noprint" を追加すると、印刷および印刷プレビューに表示されなくなります。 ページ分割したい場所を追加します: 以上です。 4．ページの特定の部分の印刷 これは、印刷する必要がある特定の部分の新しいページを作成し、それをメイン ページの IFrame にロードして、その print メソッドを呼び出すことによって実現されます。 IFrame を使用して、IFrame 内のコンテンツのみを印刷します。 例: 次の springFrame js 関数は、Iframe 内のコンテンツのみを出力し、printFrame(FrameId) などのように直接参照して使用できます。 Copy code コードは次のとおりです: window.print = printFrame; // main stuff function printFrame(frame, onfinish) { if ( !frame ) frame = window; function execOnFinish() { switch ( typeof(onfinish) ) { case "string": execScript(onfinish); break; case "function": onfinish(); } if ( focused && !focused.disabled ) focused.focus(); } if (( frame.document.readyState !== "complete") &&( !frame.document.confirm("The document to print is not downloaded yet! Continue with printing?") )) { execOnFinish(); return; } var eventScope = printGetEventScope(frame); var focused = document.activeElement; window.printHelper = function() { execScript("on error resume next: printWB.ExecWB 6, 1", "VBScript"); printFireEvent(frame, eventScope, "onafterprint"); printWB.outerHTML = ""; execOnFinish(); window.printHelper = null; } document.body.insertAdjacentHTML("beforeEnd", " classid=\"clsid:8856F961-340A-11D0-A96B-00C04FD705A2\">"); printFireEvent(frame, eventScope, "onbeforeprint"); frame.focus(); window.printHelper = printHelper; setTimeout("window.printHelper()", 0); } // helpers function printIsNativeSupport() { var agent = window.navigator.userAgent; var i = agent.indexOf("MSIE ")+5; return parseInt(agent.substr(i)) >= 5 && agent.indexOf("5.0b1") } function printFireEvent(frame, obj, name) { var handler = obj[name]; switch ( typeof(handler) ) { case "string": frame.execScript(handler); break; case "function": handler(); } } function printGetEventScope(frame) { var frameset = frame.document.all.tags("FRAMESET"); if ( frameset.length ) return frameset[0]; return frame.document.body; } Iframe中所装载页面的打印效果在所装载页面设置就可以了，如分页等。 5．后台打印 通过建一个隐藏Iframe实现的，当然仍然会有页面装载的过程。 下面的函数创建Iframe装载页面并打印。如 printHidden(url) //url为页面地址 function printHidden(url) { document.body.insertAdjacentHTML("beforeEnd", " "); var doc = printHiddenFrame.document; doc.open(); doc.write(" "); doc.write(" url + "\"> "); doc.write(" "); doc.close(); } function onprintHiddenFrame() { function onfinish() { printHiddenFrame.outerHTML = ""; if ( window.onprintcomplete ) window.onprintcomplete(); } printFrame(printHiddenFrame.printMe, onfinish); } 它用到了printFrame，所以别忘了引用前面的函数。 以下为demo: 报表 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height="0" width="0"> .Noprint{display:none;} .PageNext{page-break-after: always;} onclick="document.all.WebBrowser.ExecWB(6,6)"> onclick="document.all.WebBrowser.ExecWB(8,1)"> onclick="document.all.WebBrowser.ExecWB(7,1)"> onclick="printHidden(FrameId)"> 1 2 height="30%" src="2.html"> window.print = printFrame; // 主なもの function printFrame(frame, onfinish) { if ( !frame ) Frame = window; function execOnFinish() { switch ( typeof(onfinish) ) { case "string": execScript(onfinish);壊す; ケース "関数": onfinish(); } if (focused && !focused.disabled ) focused.focus(); } if (( Frame.document.readyState !== "complete") &&( !frame.document.confirm("印刷するドキュメントはまだダウンロードされていません。印刷を続行しますか?") )) { execOnFinish(); 戻る; } var eventsScope = printGetEventScope(frame); var focused = document.activeElement; window.printHelper = function() { execScript("エラーが発生したら次を再開: printWB.ExecWB 6, 1", "VBScript"); printFireEvent(frame,eventScope, "onafterprint"); printWB.outerHTML = ""; execOnFinish(); window.printHelper = null; } document.body.insertAdjacentHTML("beforeEnd", " classid="clsid:8856F961-340A-11D0-A96B -00C04FD705A2">"); printFireEvent(frame,eventScope, "onbeforeprint"); frame.focus(); window.printHelper = printHelper; setTimeout("window.printHelper()", 0); } // ヘルパー function printIsNativeSupport() { var Agent = window.navigator.userAgent; var i = エージェント.indexOf("MSIE ") 5; return parseInt(agent.substr(i)) >= 5 &&agent.indexOf("5.0b1") } function printFireEvent(frame, obj, name) { var handler = obj[name]; switch ( typeof(handler) ) { case "string":frame.execScript(handler);壊す; ケース "関数": handler(); } } function printGetEventScope(frame) { var Frameset = Frame.document.all.tags("FRAMESET"); if (frameset.length ) return Frameset[0]; フレーム.ドキュメント.ボディを返す; } function printHidden(url) { document.body.insertAdjacentHTML("beforeEnd", " ") ; var doc = printHiddenFrame.document; doc.open(); doc.write(" "); doc.write(" url ""> "); doc.write(" "); doc.close(); } function onprintHiddenFrame() { function onfinish() { printHiddenFrame.outerHTML = ""; if ( window.onprintcomplete ) window.onprintcomplete(); } printFrame(printHiddenFrame.printMe, onfinish); }

Web ページページングの printing_javascript スキルの実装

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック