Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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_Html_Printing - Fatal编程技术网

Javascript 为网站制作“立即打印”部分

Javascript 为网站制作“立即打印”部分,javascript,html,printing,Javascript,Html,Printing,我已经为一个网站制作了一个发票系统,我希望能够只打印发票(不包括网站图形),所以我设置了一个页面,只有我想要打印的内容,页面底部有一个按钮,上面写着“现在打印”,它做它所说的 问题是打印的页面上显然还有打印按钮。我想知道是否有一种方法,我可以有一个打印按钮,但能够摆脱按钮,只是当它打印 这是我在打印页面时使用的代码: <form> <input type="button" value=" Print this page" onclick="window

我已经为一个网站制作了一个发票系统,我希望能够只打印发票(不包括网站图形),所以我设置了一个页面,只有我想要打印的内容,页面底部有一个按钮,上面写着“现在打印”,它做它所说的

问题是打印的页面上显然还有打印按钮。我想知道是否有一种方法,我可以有一个打印按钮,但能够摆脱按钮,只是当它打印

这是我在打印页面时使用的代码:

<form>
    <input type="button" value=" Print this page" 
        onclick="window.print();return false;" />
</form>

那么,有没有一种方法可以做到这一点,一种简单的方法

谢谢你抽出时间


我刚刚意识到我可以将“window.print();return false;”放在HTML的body标签的“onload”部分,然后我可以删除按钮,一切都好。

使用css@media print。请参阅css媒体类型。

使用css@media print。查看css媒体类型。

我刚刚意识到我可以将“window.print();return false;”放在HTML的body标记的“onload”部分,然后我可以删除按钮,一切正常


现在,当我单击上一页上的打印链接时,它会在chrome中加载打印预览页。

我刚刚意识到我可以将“window.print();return false;”放在HTML的body标记的“onload”部分,然后我可以删除按钮,一切都很好


现在,当我单击上一页上的打印链接时,会在chrome中加载打印预览页。

您需要使用CSS来定位打印媒体:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />
你也可以做很多其他的事情来让你的页面更容易打印


或者,您可以在主CSS文件中使用,但如果您想支持早期版本的IE(),最好使用第一种方法。

您需要使用CSS来定位打印媒体:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />
你也可以做很多其他的事情来让你的页面更容易打印


或者,您可以在主CSS文件中使用,但如果您想支持早期版本的IE(),最好使用第一种方法。

创建特定于打印的样式表。创建特定于打印的样式表。太棒了,我不知道CSS可以做到这一点。非常感谢。太棒了,我不知道CSS能做到这一点。谢谢。
.button-print {
    display:none;
}