JavaScript を使用して Web ページの指定された領域を印刷する_JavaScript スキル

WBOY
リリース: 2016-05-16 17:18:16
オリジナル
1302 人が閲覧しました

最近、コーススケジュールを Web ページに印刷するときに、インターネットで情報を検索し、最終的に次の方法を使用して必要な機能を実現しました。印刷するカリキュラムの表を div タグに配置し、印刷する領域を指定して、最後に window.print を呼び出して指定された内容を印刷します。

サンプルコード(一部コード内容を省略しています)

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

functionreview() {
bdhtml = window.document.body.innerHTML;
sprnstr = "";
eprnstr = "< !--endprint- ->";
prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) 17);
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
window.document.body .innerHTML = prnhtml;
window.print();
}

上記は JavaScript コードであり、以下は HTML ページのコードです
コードをコピー コードは次のとおりです:

       

           
       

       

            课程表查询结果
       

本部分以下被打印

       
       

           
               
                   
                   
                   
                   
                   
                   
                   
                   
               
               
                   
                   
                   
                   
                   
                   
                   
                   
               
               
                   
                   
                   
                   
                   
                   
                   
                   
               
               
                   
                   
                   
                   
                   
                   
                   
                   
               
               
                   
                   
                   
                   
                   
                   
                   
                   
               
           
   星期一星期二星期三星期四星期五星期六星期日
1,2 节大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
3,4 节大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
5,6 节大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
信息技术
数信学院
501机房
生物专业
7,8 节大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业

       


上記のセクションは印刷されます

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート