コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

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

WBOY
リリース： 2016-05-16 16:53:27
オリジナル
1532 人が閲覧しました

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

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

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


(届出番号: ${zjxfItemUser.acceptedNo })

請願事項移管のお知らせ< /span>${zjxfItemUser.userName }: (申請者の名前)


、この機関 (または部門) あなた (またはあなた) によって提出された ${zjxfItemUser.subject} の請願は、法律に従って受理されました。
関連する規定に従って、請願事項は XXX の権限の範囲内にあります。 「請願規則」の規定により、この機関はすでに関連資料を XX で処理するために XXX に転送します。時間内に彼に連絡してください。

ここでお知らせします。

(${zjxfProcessOver.subOrgname} の特殊シールまたは公印が押されています)< ;/ div>
/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 =
}

});


このようにして、部分選択印刷と部分非選択印刷の両方を実現できます。
関連ラベル：
选择打印 不选择打印
ソース：php.cn
前の記事：javascript コピーノード cloneNode() の使い方 入門_javascript スキル 次の記事：ネイティブjsの幅と高さの取得方法とjqueryの幅と高さの取得方法の関係の比較_javascriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
3 レベル階層のカスタム分類を使用して woocommerce 関連製品を選択します 「スポーツ」というカスタム分類を持つ woocommerce ストアがあります。分類には、親、子、子という 3 つのレベルがあります。たとえば、屋内スポーツ > アリーナ ス...
から 2024-04-06 20:05:30
0
1
544
MySQL: 「<ここの変数またはサブクエリ> として...からテキストを選択します」 次のデータを含む次のテーブルがあります: id text language 1 german text german 2 english text english 私が望むのは、次...
から 2024-04-06 19:25:54
0
2
529
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
Reactjsで複数のチェックボックスを選択する方法 複数のチェックボックスを選択したいオプションのリストがありますが、選択することができません。このコードの何が問題なのでしょうか?サンドボックスの URL
から 2024-04-06 18:55:21
0
1
396
クリア後​​も自分のファイル入力の値が残る スクリーンショットでわかるように。ファイルを選択し、ページを更新せずにポップアップを保持し、再度開くと、ファイル入力は選択したファイルのままです。 <inputid=&quo...
から 2024-04-06 15:44:52
0
1
384
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート