printThis.js的使用

最新推荐文章于 2025-03-13 11:45:54 发布

且随疾风前行_go

最新推荐文章于 2025-03-13 11:45:54 发布

阅读量1.2k

点赞数

文章标签： printThis.js 打印优化 CSS导入页面标题打印延迟

本文链接：https://blog.csdn.net/weixin_42046751/article/details/116521243

版权

<script th:inline="javascript">
$("#mySelector").printThis({            // mySelector是要打印的区域的元素id
        debug: false,                   
        // 显示iframe调试-在printThis运行后使iframe在页面上可见，允许开发者检查标记和CSS
        importCSS: true,                
        // 导入父页面的CSS -把CSS <link>标记复制到printThis的iframe，默认启用
        importStyle: false,             
        // 导入样式标签 -把CSS <style>标记复制到printThis 的iframe。默认关闭
        printContainer: true,           
        // 获取外部容器以及选择器的内容 -包括所选容器的标记，而不仅仅是其内容。默认启用
        loadCSS: "path/to/my.css",      
        // 附加CSS文件的路径 -为printThis的iframe提供附加样式的URL。默认为空（禁用），要添加多个可使用数组[]
        pageTitle: "",                  
        // 添加标题到打印页面 -在iframe上使用自定义页面标题。这可能反映在打印页面上，具体取决于设置。默认为空
        removeInline: false,            
        // 删除打印元素中的所有内联样式 -从内容中删除任何内联样式属性。默认关闭
        removeInlineSelector: "body *", 
        // 自定义选择器来过滤内联样式，前提是removeInline必须已设为true -筛选要删除的内联样式属性，接受自定义CSS/jQuery选择器。默认值是"*"
        printDelay: 333,                
        // 打印延迟 -在printThis的iframe中调用print()之前等待的时间量。默认333毫秒。适当的值在很大程度上取决于内容和网络性能。图形重、慢或未缓存的内容可能需要额外的时间来加载。
        header: null,                   
        // HTML页头 -一个字符串或jQuery对象，用于在printThis的iframe之前追加内容。默认null
        footer: null,                   
        // HTML页脚 -一个字符串或jQuery对象，用于在printThis的iframe之后追加内容。默认null
        base: false,                    
        // base选项允许多种行为。默认false，这意味着当前文档将被设置为基URL。
        // 如果设为true，那么如果页面上存在<base>属性，那么将设置<base>属性。
        // 如果找不到，则省略标记，这可能适用于具有完全限定URL的页面。
        // 当作为字符串传递时，它将用作<base>标记的href属性。
        formValues: true,               
        // 保存输入/表单值 -这个设置把表单元素的当前值复制到printThis的iframe中。默认启用
        canvas: false,                  
        // 复制画布元素 -从1.9.0开始，可以把画布元素复制到printThis的iframe。默认禁用。这只接受了有限的测试，因此可能不适用于所有浏览器和情况。从1.12.2起，可以直接在画布元素上调用printThis。
        doctypeString: '...',           
        // 设置doctype -要在printThis的iframe上使用的doctype字符串。默认为HTML5 doctype。
        removeScripts: false,           
        // 删除脚本标记 -从内容中删除脚本标记，以避免打印过程中出现错误或意外行为。默认禁用
        copyTagClasses: false           
        // 从HTML和body标签复制类 -把类从body和html标记复制到printThis的iframe中。分别为body和html标记接受true或字符串"b"和"h"的测试。默认禁用
        beforePrintEvent: null,         
        // 打印前触发事件 -函数在打印发生之前在iframe中运行 
        beforePrint: null,              
        // 在iframe被填充前触发事件 -在用内容填充iframe之前调用的函数
        afterPrint: null                
        // 删除iframe前触发事件 -函数在打印后和从页中删除iframe之前调用。即使debug为true，它也会被调用，它不会删除iframe
 });

// 注意: loadCSS会加载额外的CSS到iframe中，调整布局 (有或没有@media print)
</script>