web頁面的單頁列印以及批次列印實作方法
本文主要和大家分享web頁面的單頁列印以及大量列印實作方法，希望能幫助大家。
列印事件：window.print()
1.單頁列印（版面列印）：
function printCnt(){
//1.获取当前页的html代码
var body = window.document.body.innerHTML;
//2.要打印的部分（#print里面的内容就是要打印的内容）
window.document.body.innerHTML =document.getElementById("print").innerHTML;
window.print();
window.document.body.innerHTML = body;
//重新载入当前文档:
location.reload();
}
注意：location.reload();要加，因可解决JS window.print()第二次点击事件失效问题2.批次列印
注意點：
(1).控制網頁的分頁：page-break-after:always
注意：避免在表格、浮動元素、帶有邊框的區塊元素中使用分頁屬性
(2).為每個分頁的內容加上一個高度，防止變樣
<p id="printcnt"> <p id="page1" style="height：300px;page-break-after:always" >报告单1</p> <p id="page2" style="height：300px;page-break-after:always" >报告单2</p> </p>
（3）如果css的樣式沒有載入列印中，請加入：var printStr='';
var printHead = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'>" +"<link rel='stylesheet' type='text/css' href='css/printcss.css'></head><body>"; var printCnt='打印的内容'; printStr = printHead + printCnt;
(4).如果使用window.open("showPrint.html","print"); 列印預覽頁面的話
printStr = printHead + printCnt;
//如果是本地测试，需要先新建Print.html，如果是在域中使用，则不需要
var pwin=window.open("showPrint.html","print");
pwin.document.write(printStr);
pwin.document.close();//这个是必须的
注意：pwin.document.close(); 可以关闭showPrint.html的页面，使其第二次打印的时候不会跳转到showPrint.html相關建議：
#javascript 局部頁面列印實作程式碼_javascript技巧
js或jquery實作頁面列印可局部列印_javascript技巧
以上是web頁面的單頁列印以及批次列印實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
win10如何批次重命名檔案後綴
Jul 06, 2023 pm 07:37 PM
win10如何批次重命名檔案後綴？現在有非常多的使用者都在使用Win10系統，而我們在平常使用電腦的過程中，常常會用到很多的快捷鍵，因為快捷鍵能讓我們的操作更方便，那麼要怎麼批量重命名文件？下面，小編就為大家介紹下Win10批次重命名檔的操作。 Win10批次重命名檔案的操作1、全選你想重新命名的檔案。 2.在選取狀態的一個檔案上點右鍵，選擇重新命名。 3.一個檔案改好新名稱後，其他文件依序被序號標記。方法很簡單，只不過修改的時候要注意文件排列順序，以及被修改的樣本文件排序位置。序號是從被修改的樣本文件開
Web 端即時防擋臉彈幕（基於機器學習）
Jun 10, 2023 pm 01:03 PM
防擋臉彈幕，即大量彈幕飄過，但不會遮擋視訊畫面中的人物，看起來像是從人物背後飄過去的。機器學習已經火了好幾年了，但很多人都不知道瀏覽器中也能運行這些能力；本文介紹在視頻彈幕方面的實踐優化過程，文末列舉了一些本方案可適用的場景，期望能開啟一些腦洞。 mediapipeDemo（https://google.github.io/mediapipe/）展示主流防擋臉彈幕實現原理點播up上傳視訊伺服器後台計算提取視訊畫面中的人像區域，轉換成svg儲存用戶端播放視訊的同時，從伺服器下載svg與彈幕合成，人像
Nginx的Web伺服器caddy怎麼使用
May 30, 2023 pm 12:19 PM
Caddy簡介Caddy是一款功能強大，擴展性高的Web伺服器，目前在Github上已有38K+Star。 Caddy採用Go語言編寫，可用於靜態資源託管和反向代理。 Caddy具有以下主要特性：比較Nginx複雜的配置，其獨創的Caddyfile配置非常簡單；可以透過其提供的AdminAPI實現動態修改配置；預設支援自動化HTTPS配置，能自動申請HTTPS憑證並進行配置；能夠擴展到數以萬計的站點；可以在任意地方執行，沒有額外的依賴；採用Go語言編寫，內存安全更有保證。安裝首先我們直接在CentO
怎麼設定nginx保證frps伺服器與web共用80埠
Jun 03, 2023 am 08:19 AM
首先你會有個疑惑，frp是什麼呢？簡單的說frp就是內網穿透工具，配置客戶端以後，可以透過伺服器來存取內部網路。現在我的伺服器，已經用nginx做站了，80端口只有一個，那如果frp的服務端也想使用80端口，那該怎麼辦呢？經過查詢，這個是可以實現的，就是利用nginx的反向代理來實現。補充一下：frps就是伺服器端（server），frpc就是客戶端（client）。第一步：修改伺服器中nginx.conf設定檔在nginx.conf中http{}裡加入以下參數，server{listen80
Java API 開發中使用 Jetty7 進行 Web 伺服器處理
Jun 18, 2023 am 10:42 AM
JavaAPI開發中使用Jetty7進行Web伺服器處理隨著互聯網的發展，Web伺服器已經成為了應用程式開發的核心部分，同時也是許多企業所關注的焦點。為了滿足日益增長的業務需求，許多開發人員選擇使用Jetty進行Web伺服器開發，其靈活性和可擴展性受到了廣泛的認可。本文將介紹如何在JavaAPI開發中使用Jetty7進行We
如何使用Golang實作網頁應用程式的表單驗證
Jun 24, 2023 am 09:08 AM
表單驗證是Web應用程式開發中非常重要的環節，它能夠在提交表單資料之前對資料進行有效性檢查，避免應用程式出現安全漏洞和資料錯誤。使用Golang可以輕鬆實現網頁應用程式的表單驗證，本文將介紹如何使用Golang來實作網頁應用程式的表單驗證。一、表單驗證的基本要素在介紹如何實作表單驗證之前，我們需要知道表單驗證的基本要素是什麼。表單元素：表單元素是指
web標準是什麼東西
Oct 18, 2023 pm 05:24 PM
Web標準是一組由W3C和其他相關組織制定的規範和指南，它包括HTML、CSS、JavaScript、DOM、Web可訪問性和性能優化等方面的標準化，透過遵循這些標準，可以提高頁面的兼容性、可訪問性、可維護性和效能。 Web標準的目標是使Web內容能夠在不同的平台、瀏覽器和裝置上一致地展示和交互，提供更好的使用者體驗和開發效率。
nginx隱藏版本號碼與WEB伺服器資訊問題怎麼解決
May 21, 2023 am 09:13 AM
nginx不只可以隱藏版本信息，還支援自訂web伺服器資訊先看看最終的隱藏結果吧具體怎麼實現呢，其實也很簡單，請往下看1官網下載最新穩定版wgethttp://nginx.org/ download/nginx-1.14.1.tar.gz2解壓tar-xfnginx-1.14.1.tar.gzcdnginx-1.14.13修改c文件（1）vimsrc/http/ngx_http_header_filter_module.c #修改49行staticu_charngx_http_
