Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/visual-studio-2010/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中隐藏打印屏幕上的标题和日期_Javascript_Css_Vue.js - Fatal编程技术网

如何在javascript中隐藏打印屏幕上的标题和日期

如何在javascript中隐藏打印屏幕上的标题和日期,javascript,css,vue.js,Javascript,Css,Vue.js,我正在使用window.print方法打印屏幕下方给定的内容。现在我想隐藏日期(图片左上角和标题(不是大标题),因为我有模糊的原因) 我读过一些文章,上面写着@pages{margin:0} 但我不知道如何将其应用于window.print() 我尝试过使用setAttribute(),但没有帮助,或者可能是我犯了一些错误 从中获取信息可以添加此css @page { size: auto; margin: 0mm; } 到窗口,该窗口将隐藏日期和标题(因为它们位于页边距中)。要添加这个c

我正在使用window.print方法打印屏幕下方给定的内容。现在我想隐藏日期(图片左上角和标题(不是大标题),因为我有模糊的原因)

我读过一些文章,上面写着
@pages{margin:0}
但我不知道如何将其应用于window.print()

我尝试过使用
setAttribute()
,但没有帮助,或者可能是我犯了一些错误

从中获取信息可以添加此css

@page { size: auto;  margin: 0mm; }
到窗口,该窗口将隐藏日期和标题(因为它们位于页边距中)。要添加这个css,您可以创建一个样式元素并将其附加到窗口中,就像您已经对标题所做的那样

const-element=document.getElementById(“qr-code”).innerHTML;
var printWindow=window.open('',''高度=800,宽度=800');
printWindow.document.write(元素);
printWindow.document.close();
const title=printWindow.document.title=“此处的某些标题”;
const heading=printWindow.document.createElement('h1');
const text=printWindow.document.createTextNode(标题);
标题.附件(案文);
//以下是可以添加的样式,用于在打印屏幕中隐藏日期和标题。
var style=document.createElement('style');
style.type='text/css';
style.innerHTML='@page{size:auto;边距:0mm;}';
heading.setAttribute('style','order:-1;边距底部:50px;');
printWindow.document.body.appendChild(标题);
//将样式附加到窗体
printWindow.document.body.appendChild(样式);
printWindow.document.body.setAttribute('样式','显示:网格;宽度:100%;对齐项目:中心;边距:0;');

printWindow.print()你能在这里显示相关的代码吗?除非我们看到这一点,否则我们无法真正提供帮助。在发布之前,你可以更改任何你不想让我们看到的信息。嗨@AndrewLohr,用代码编辑谢谢,伙计,效果很好,我搜索了很多文章,最后你帮助了meglad。
@page { size: auto;  margin: 0mm; }