Question

我正在尝试打印窗口。 html代码：

    <!DOCTYPE html>
    <html>
        <head>
            <title>Practising javascript</title>
            <script src="practise.js"></script>
        </head>
        <body>
            <p>Practising javascript</p>
            <button id="submitButton">Print<button>
        </body>
    </html>

JavaScript代码：


       let printWindow = () =>{
            window.print();
        }

       document.getElementById('#submitButton').addEventListener('click', () => {
        printWindow();
    })

但是当我在按钮上使用onclick并使用以window.print()作为函数主体的函数时，它将起作用。为什么会这样？

Answer 1

在添加事件侦听器之前，您需要等待DOM加载。

const printWindow = () =>  {
  window.print();
}

window.onload = function() {
  document.getElementById('submitButton').addEventListener('click', () => {
    printWindow();
  });
}

我正在尝试打印窗口，但是代码不起作用

1 个答案: