angular项目中调用window.open方法打开弹窗,打印html页面,并且在点击取消后,同时关闭新弹窗
时间: 2024-03-20 18:38:35 浏览: 182
关闭窗口弹出窗口,关闭浏览器时弹窗
4星 · 用户满意度95%
可以使用以下代码实现:
```typescript
const printWindow = window.open('', '_blank');
printWindow.document.write('<html><head><title>Print Page</title></head><body>');
printWindow.document.write(document.getElementById('printContent').innerHTML);
printWindow.document.write('</body></html>');
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.onfocus = function() {
printWindow.close();
};
```
其中,`printContent` 是需要打印的 HTML 元素的 ID。打开新窗口后,调用 `print()` 方法进行打印,同时添加 `onfocus` 事件监听器,当用户在新窗口点击取消后,自动关闭新窗口。
阅读全文