ホームページ >ウェブフロントエンド >jsチュートリアル >JSは部分選択印刷と部分非選択印刷_javascriptスキルを実装します
JSは部分選択印刷と部分非選択印刷_javascriptスキルを実装します
- WBOYオリジナル
- 2016-05-16 16:53:271555ブラウズ
プロジェクトのニーズに応じて、ページに印刷するコンテンツを選択します。
印刷したいものをDIVレイヤーで包みます。例:
コードをコピー コードは次のとおりです:
(届出番号: ${zjxfItemUser.acceptedNo })
請願事項移管のお知らせ< /span>${zjxfItemUser.userName }: (申請者の名前)
、この機関 (または部門) あなた (またはあなた) によって提出された ${zjxfItemUser.subject} の請願は、法律に従って受理されました。
関連する規定に従って、請願事項は XXX の権限の範囲内にあります。 「請願規則」の規定により、この機関はすでに関連資料を XX で処理するために XXX に転送します。時間内に彼に連絡してください。
ここでお知らせします。
JS コード:
注: 印刷を選択すると、スタイルは失われます。印刷する前に印刷を追加する必要があります。
、この機関 (または部門) あなた (またはあなた) によって提出された ${zjxfItemUser.subject} の請願は、法律に従って受理されました。
関連する規定に従って、請願事項は XXX の権限の範囲内にあります。 「請願規則」の規定により、この機関はすでに関連資料を XX で処理するために XXX に転送します。時間内に彼に連絡してください。
ここでお知らせします。
(${zjxfProcessOver.subOrgname} の特殊シールまたは公印が押されています)< ;/ div>
印刷なし中央に必要で、DIV レイヤーにも含まれています。 CSS スタイルを利用します。印刷する必要のないレイヤーで class="noprint" を参照するだけです
/div>
印刷なし中央に必要で、DIV レイヤーにも含まれています。 CSS スタイルを利用します。印刷する必要のないレイヤーで class="noprint" を参照するだけです
コードをコピーします コードは次のとおりです。
> 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/print.css" type="text/css" rel="stylesheet" />" ;
$(CSS).appendTo("#" formName );
window.document.body.innerHTML = $("#" formName).html();
window.document.body.innerHTML =
}
});
このようにして、部分選択印刷と部分非選択印刷の両方を実現できます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。