在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”。
如果使用者嘗試列印網頁,事件被觸發並在網頁上顯示警報。
廣告
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP