在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日

225 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.