如何删除打印中的弹出选项

Question

我想在打印 textarea 的内容时从此脚本中删除弹出选项，这样打印页面将在 textarea 的同一页中，因为我添加了 css 所以打印页面不会有 link 或日期 "@page { size: auto; margin: 0mm; }" 但是当它在单独的页面中弹出时它显示 link 和日期

<html >
<head>
<title></title>
<!-- script print button -->
 <script type="text/javascript">
      function printTextArea() {
 
        childWindow = window.open('','childWindow','location=yes, menubar=yes, toolbar=yes');
        childWindow.document.open();
        childWindow.document.write('<html><head></head><body dir="rtl">');
        childWindow.document.write(document.getElementById('targetTextArea').value.replace(/\n/gi,'<br/>'));
        childWindow.document.write('</body></html>');
        childWindow.print();
        childWindow.document.close();
        childWindow.close();
      }
    </script>
<style type="text/css">
@page { size: auto;  margin: 0mm; }
textarea {
direction: rtl; 
 background-color: white;
 font-size: 1em;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border: 1px solid #00acee;
 resize: none;
}
input[type=button] {
    background-color: #00acee;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}
</style>
</head>

<body>
  <p>
    <TEXTAREA name="thetext" rows="20" cols="80"id="targetTextArea" placeholder="قم بنسخ و لصق الطلب لملأه و التعديل عليه و طباعته بالزر أسفله ......"></TEXTAREA>
   </p>
   <!-- print button -->
  <center> <input type="button" onclick="printTextArea()" value="طباعة"/></center>
</body>
</html>

Answer 1

发生这种情况是因为您要在 printTextArea() 中打开一个新的 Window。

When opening a window with the window.open() method, you can use this property from the destination window to return details of the source (parent) window. You can read more about it here at w3schools. W3School Window Opener

      function printTextArea() {

        childWindow = window.open('','childWindow','location=yes, menubar=yes, toolbar=yes');
        childWindow.document.open();
        childWindow.document.write('<html><head></head><body dir="rtl">');
        childWindow.document.write(document.getElementById('targetTextArea').value.replace(/\n/gi,'<br/>'));
        childWindow.document.write('</body></html>');
        childWindow.print();
        childWindow.document.close();
        childWindow.close();
      }

而不是打开新的 window，您应该通过 ID 选择文本区域并使用 .innerHTML 更新它的 html。例如：

document.getElementById("demo").innerHTML = "Paragraph changed!";

如何删除打印中的弹出选项

How to remove pop-up option in printing

javascript

css

printing

textarea

editor