JSは部分選択印刷と部分非選択印刷_javascriptスキルを実装します

プロジェクトのニーズに応じて、ページに印刷するコンテンツを選択します。

印刷したいものをDIVレイヤーで包みます。例:

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

<!-- 通知請願事項の転送について SingleStart --> <div style="width: 600px; margin:0 auto;">
<div style="float: right;margin-top: -40px;"> (届出番号: ${zjxfItemUser.acceptedNo })</div>
<div id="title" style="margin-top: 40px;" ><span>請願事項移管のお知らせ< /span></div> ;
${zjxfItemUser.userName }: (申請者の名前)<br/>

<span id="itemVrbjTime"></span> 、この機関 (または部門) あなた (またはあなた) によって提出された ${zjxfItemUser.subject} の請願は、法律に従って受理されました。
関連する規定に従って、請願事項は XXX の権限の範囲内にあります。 「請願規則」の規定により、この機関はすでに関連資料を XX で処理するために XXX に転送します。時間内に彼に連絡してください。 <br/>
ここでお知らせします。 <br />
<div style="margin-top:50px;margin-right: 20px;float: right;"> (${zjxfProcessOver.subOrgname} の特殊シールまたは公印が押されています)< ;/ div>
<div style="margin-top:90px;margin-right: -190px;float: right;"><span id="itemVrbjEndTime"></span> /div>


</div>


印刷なし中央に必要で、DIV レイヤーにも含まれています。 CSS スタイルを利用します。印刷する必要のないレイヤーで class="noprint" を参照するだけです

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

<style type="text/css" media="print">

.noprint{visibility: none;}
</style> >
JS コード:

注: 印刷を選択すると、スタイルは失われます。印刷する前に印刷を追加する必要があります。

コードをコピー

コードは次のとおりです。 $(function(){

$("#print").click(function(){

var html = window.document.body.innerHTML;

exportCSS("itemVrbjForm",html);

});

//選択した印刷にスタイルをインポートします
function exportCSS(formName,htmlInfo){
var CSS = "<link href=""baseURL "/zjxf /common /css/common.css" type="text/css" rel="stylesheet" /> "
"<link href=""baseURL "/zjxf/common/css/table.css" タイプ=" text/css" rel="stylesheet" /> "
"<link href=""baseURL "/zjxf/common/css/form.css" type="text/css" rel="stylesheet " / >"
"<link href=""baseURL "/zjxf/common/css/tab.css" type="text/css" rel="stylesheet" />" ;link href=""baseURL "/zjxf/common/css/print.css" type="text/css" rel="stylesheet" />" ;
$(CSS).appendTo("#" formName );
window.document.body.innerHTML = $("#" formName).html();
window.document.body.innerHTML =
}

});


このようにして、部分選択印刷と部分非選択印刷の両方を実現できます。