黄色网站入口国产美女,精品国产欧美另类一区,国产一区二区美女自慰,日日摸夜夜添无码国产

選擇你喜歡的標簽
我們會為你匹配適合你的網(wǎng)址導航

    確認 跳過

    跳過將刪除所有初始化信息

    您的位置：0XUCN > 資訊 > 技術
    新聞分類

    Printjs：自定義網(wǎng)頁打印功能插件庫

    技術 PRO 稿源：前端資源推薦 2024-12-01 21:23

    Print.js 是一個用于在 Web 應用中打印 HTML 文件元素的 JavaScript 庫，允許開發(fā)者在網(wǎng)頁上輕松實現(xiàn)打印功能，可自由修改打印樣式，支持四種打印文檔類型，包含 PDF、HTML、Image 和 JSON。

    安裝使用：

    //?引入?Print.js import?printJS?from?'print-js' //?打印按鈕點擊事件 document.getElementById('printButton').addEventListener('click',? function()?{ ??printJS({ ????printable:?'element-to-print',?//?要打印的元素的ID ????type:?'html',?//?打印類型，這里是HTML ????style:?'print.css'?//?打印樣式表 ??}); });

    配置項：

    printable：要打印的文檔源，可以是 PDF 或圖像的 URL、HTML 元素的 ID 或 JSON 數(shù)據(jù)對象。
    type：可打印類型，可用選項有?pdf、html、image、json?和?raw-html。
    header：打印 HTML、圖像或 JSON 時使用的可選標題，將放置在頁面頂部，可以接受文本或原始 HTML。
    headerStyle：應用于標題文本的可選樣式。
    maxWidth：打印文檔的最大寬度（像素）。
    css：要應用到打印的 HTML 的一個或多個 CSS 文件的 URL。
    style：應用于打印的 HTML 的自定義樣式字符串。
    scanStyles：當設置為?false?時，庫將不處理應用于打印的 HTML 的樣式，適用于使用?css?參數(shù)時。
    targetStyle：要處理的特定樣式數(shù)組，例如?['padding-top', 'border-bottom']。
    targetStyles：與?targetStyle?類似，但處理一系列樣式，例如?['border', 'padding']?將包括所有相關的邊和填充樣式。
    ignoreElements：在打印父 HTML 元素時，要忽略的 HTML ID 數(shù)組。
    properties：用于打印 JSON 數(shù)據(jù)時的對象屬性名稱數(shù)組。
    gridHeaderStyle：打印 JSON 數(shù)據(jù)時，表格頭部的可選樣式。
    gridStyle：打印 JSON 數(shù)據(jù)時，表格行的可選樣式。
    repeatTableHeader：用于打印 JSON 數(shù)據(jù)時，設置為?false?時僅在第一頁顯示數(shù)據(jù)表頭。
    showModal：啟用此選項以在檢索或處理大型 PDF 文件時顯示用戶反饋。
    modalMessage：當?showModal?設置為?true?時顯示給用戶的消息。
    onLoadingStart：當 PDF 正在加載時執(zhí)行的函數(shù)。
    onLoadingEnd：在 PDF 加載完成后執(zhí)行的函數(shù)。
    documentTitle：打印 HTML、圖像或 JSON 時顯示的文檔標題。
    fallbackPrintable：當瀏覽器不兼容時，用于在新標簽頁中打開的備用 PDF 文檔。
    onPdfOpen：當瀏覽器不兼容時，PDF 在新標簽頁中打開時執(zhí)行的回調(diào)函數(shù)。
    onPrintDialogClose：瀏覽器打印對話框關閉后執(zhí)行的回調(diào)函數(shù)。
    onError：發(fā)生錯誤時執(zhí)行的回調(diào)函數(shù)。
    base64：用于打印作為 base64 數(shù)據(jù)傳遞的 PDF 文檔。

    功能和特性：

    簡單易用：Print.js 的 API 設計簡潔直觀，即使是對 JavaScript 不太熟悉的開發(fā)者也能快速上手。它提供了簡單的方法來打印網(wǎng)頁內(nèi)容或任何 DOM 元素。
    跨瀏覽器支持：Print.js 能夠在所有主流瀏覽器上運行，包括 Chrome、Firefox、Safari、Edge 以及 Internet Explorer，確保了廣泛的兼容性。
    靈活的打印選項：Print.js 不僅可以打印整個網(wǎng)頁，還可以選擇性地打印頁面上的特定部分。這使得開發(fā)者可以根據(jù)需要定制打印內(nèi)容。
    支持打印樣式：Print.js 允許開發(fā)者定義打印樣式，這意味著你可以為打印輸出專門設置樣式，而不影響屏幕上的顯示效果。
    無依賴性：Print.js 是一個獨立的庫，不依賴于其他 JavaScript 框架或庫，這使得它非常輕便，易于集成到任何項目中。
    易于集成：你可以很容易地將 Print.js 集成到現(xiàn)有的項目中，無論是使用 npm、yarn 還是直接通過 script 標簽引入。

    0XU.CN

    [超站]友情鏈接：

    四季很好，只要有你，文娛排行榜：https://www.yaopaiming.com/
    關注數(shù)據(jù)與安全，洞悉企業(yè)級服務市場：https://www.ijiandao.com/

    *文章為作者獨立觀點，不代表 0XUCN 立場
    本文由 艾秋發(fā)表，轉載此文章須經(jīng)作者同意，并請附上出處(0XUCN)及本頁鏈接。
    圖庫
    公眾號 關注網(wǎng)絡尖刀微信公眾號
    隨時掌握互聯(lián)網(wǎng)精彩
    贊助鏈接