Js点击按钮调用浏览器打印功能隐藏页面打印按钮
时间: 2023-09-27 12:03:57 浏览: 459
Vue实现浏览器打印功能的代码
你可以使用`window.print()`方法来调用浏览器的打印功能。要隐藏页面上的打印按钮,你可以使用CSS的`display:none`属性来隐藏该按钮。以下是一个示例代码:
HTML:
```html
<button id="print-btn">打印</button>
<p>这是要打印的内容</p>
```
CSS:
```css
#print-btn {
display: none;
}
```
JavaScript:
```javascript
document.getElementById("print-btn").addEventListener("click", function() {
window.print();
});
```
在上面的示例代码中,当用户单击“打印”按钮时,JavaScript将调用`window.print()`方法来显示打印对话框。同时,使用CSS隐藏了页面上的“打印”按钮。这样,用户就只能通过单击页面上的自定义“打印”按钮来触发打印功能。
阅读全文