Question

由于不允许脚本关闭其未创建的页面。

因此，我制作了一个脚本（如果我称其正确的话），它将在新标签页中打开一个页面，单击按钮后打印该页面，然后关闭。

因此，当用户单击按钮时，这是最先启动的功能

pritnPreview = () => {
    let w = window.open();
    w.document.write('<html><head><title>Print</title>');
    w.document.write('</head><body>');
    w.document.write('<div style="margin-top:20px">');
    w.document.write('<div style="display: flex;justify-content:center;">');
    w.document.write('<img src=' + "'" +  this.state.imageDownload+ "'" +'id="imagePrint"/>');
    w.document.write('</div><div style=" margin-top: 20px; display: flex; justify-content: center;" </html>');
    if (this.state.imageDownload == "") {
        w.document.write('<button disabled > Print Image (disabled) </button>')
    } else {
        w.document.write(' <button  id="printImage"> Click here to print Image </button>')

    }
    w.document.write('</body></html>');
  })

到目前为止，这很酷，但是在我的else条件中，有一个按钮，我希望onClick触发window.print()然后关闭我的初始w，但我似乎无法找出解决方法做吧。

我可以通过编写脚本标签来打印屏幕并收听onclick事件

w.document.write('<script'>)
  w.document.write(document.getElementById('printImage').onClick = () => {
 window.print()
}

将打印窗口，但我无法弄清用户打印文档后如何关闭窗口

任何帮助将不胜感激。

单击按钮关闭由脚本制成的页面

0 个答案: