如何在 HTML 中在文件列印前執行指令碼?


本文將要執行的任務是在 HTML 中在文件列印前執行指令碼。

當頁面即將列印時,將使用 HTML 的 onbeforeprint 屬性。在列印對話框出現之前,會顯示警報訊息。onbeforeprint 屬性與 onafterprint 屬性一起使用。這是事件屬性的一部分。

讓我們深入研究以下示例,以更深入地瞭解如何在 HTML 中在文件列印前執行指令碼。

示例 1

在以下示例中,我們使用 HTML 的 onbeforeprint 屬性。

<!DOCTYPE html>
<html>
   <body onbeforeprint="mytutorial()">
   <h1>MS DHONI</h1>
   <h2>Finishes off in his Style.</h2>
   <script>
      function mytutorial() {
         alert("Sure To Print!");
      }
   </script>
</body>
</html>

指令碼執行後,將在網頁上生成一個顯示指令碼中使用的文字的輸出。

當用戶嘗試列印網頁時,事件會被觸發並在網頁上顯示一個“確定列印”的警報。

示例 2

這是另一個實現 onbeforeprint 屬性的示例。

<!DOCTYPE html>
<html>
   <body onbeforeprint = "display()">
   <h1>TUTORIALSPOINT</h1>
   <script>
      function display() {
         alert("The document will now print.");
      }
   </script>
</body>
</html>

執行上述指令碼後,輸出視窗會彈出並在網頁上顯示文字“tutorialspoint”。

如果使用者嘗試列印網頁,事件會被觸發並在網頁上顯示一個警報。

更新於: 2022-12-16

227 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

立即開始
廣告

© . All rights reserved.