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

1．まず、印刷する必要があるページに WebBrowser を導入します。

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

をページに追加するか、必要に応じて JavaScript を使用して一時的に追加することもできます:

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

document.body.insertAdjacentHTML("beforeEnd",
"

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 属性があります印刷形式と表示形式を個別に設定できます。
たとえば、 中央の形式は印刷中にのみ機能し、表示インターフェイスには影響しません。


次に、印刷したくないページ要素に 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",
"