<link rel="stylesheet" type="text/css" href="<c:url value="/jquery-print.css"/>"> 下面的引入需要设置media="print" 这样只显示在打印的时候 <link rel="stylesheet" type="text/css" media="print" href="<c:url value="/jquery-print.css"/>"> 下面的样式只在页面显示打印不显示 .prints{...
printJS({ printable: 'myElement', type: 'html', header: '这是页眉', footer: '这是页脚' }); 4. 编写代码实现print.js的配置 以下是一个完整的HTML示例,展示了如何引入print.js并使用它打印页面上的元素: html <!DOCTYPE html> <html lang="en"> <head> <meta char...
1 打开HBuilderX工具，创建一个Web项目，并在项目中创建HTML5页眉，导入print js文件和jquery核心文件 2 在标签元素内，插入一个div，并在div内插入一个table 3 在table标签上方插入一个button，设置id属性；利用jquery初始化函数，添加按钮点击事件 4 在标签内，设置整体body和table样式，如字体、边框等 5 保存代...
size: auto; margin: 0mm } 设置前: 设置后:
- `header`:设置页眉内容 - `footer`:设置页脚内容 在print.js中,可以通过CSS样式设置来控制打印结果的外观。内联样式可以通过在HTML元素上添加`style`属性来实现。例如: ```html 这段文字是红色的。 ``` 此外,还可以使用外部样式表。首先,在HTML文档的``部分添加一个``标签,指向外部样式表文件: ```html...
header和footer:可以设置打印内容的页眉和页脚。可以是HTML字符串或一个DOM元素。 css:指定要应用于打印内容的CSS样式。可以是CSS字符串、CSS文件的URL或一个包含CSS字符串的对象。 onPrintDialogClose:指定一个回调函数,在打印对话框关闭后执行。 onError:指定一个回调函数,在打印出错时执行。
然后我就以为是没有设置打印样式问题而导致的。 Print({ printable: 'print-box', type: 'html', documentTitle: '文档标题', header: '统计图', headerStyle: 'font-weight:400;text-align:center;', style: '@page {margin: 0 10mm};', // 不打印页眉和页脚 honorColor: true, // 是否打印彩色...
js实现html打印,并且设置页眉页脚 参考 • 1、首先下载jquery.jqprint-0.3.js • 2、 页面引入jquery.jqprint-0.3.js • 3、js代码 [codesyntax lang="java"] $(document).ready(function() { $("#btnPrint").click(function(){ jqprintDiv(); }); }); function...
function printContent() { var content = document.getElementById("print-content"); // 获取需要打印的内容元素 var options = { printable: content, type: 'html', header: '自定义名称', // 设置打印页眉 style: '@media print {body {-webkit-print-color-adjust: exact;}}' // 设置打印样式...
('trade-contract-print').scrollWidth, height: document.getElementById('trade-contract-print').scrollHeight }).then((canvas)=>{ loading.close() const url= canvas.toDataURL('image/jpeg', 1.0) printJS({ printable: url, type:'image', style: `@page {size: auto;margin:0;}`//去掉页眉页脚...