Tutorial HTML5 - Elemen <body> | Minotaur

By Admin | May 03, 2018

Tutorial HTML5 - Elemen <body> image

Elemen body sebagai tempat isi dokumen berada.

Atribut `onafterprint`

Eksekusi script javascript setelah klik tombol print pada Print Dialogue Box Browser

<!DOCTYPE html>
<html>
<body onafterprint="myFunction()">

<h1>Coba print dokumen tersebut</h1>
<p><b>Tip:</b> Shortcut keyboard, Ctrl+P.</p>
<p><b>Note:</b> Browser Safari dan Opera tidak mendukung atribut tersebut.</p>

<script>
function myFunction() {
   alert("This document is now being printed");
}
</script>

</body>
</html>

Atribut `onbeforeprint`

Eksekusi script javascript sebelum Print Dialogue Box Browser muncul.

<!DOCTYPE html>
<html>
<body onafterprint="myFunction()">

<h1>Coba print dokumen tersebut</h1>
<p><b>Tip:</b> Shortcut keyboard, Ctrl+P.</p>
<p><b>Note:</b> Browser Safari dan Opera tidak mendukung atribut tersebut.</p>

<script>
function myFunction() {
   alert("This document is now being printed");
}
</script>

</body>
</html>

Atribut `onbeforeunload`

Eksekusi javascript saat dokumen akan direload atau direfresh atau ditutup.

Atribut `onresize`

Eksekusi javascript saat browser diminimize atau dimaximize.

Article Tags:
HTML5

Jika anda suka dengan artikel tersebut, silakan berikan dukungan

Donasi