Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

แอตทริบิวต์เหตุการณ์ ononline ของ HTML

แอตทริบิวต์เหตุการณ์ ononline ของ HTML จะถูกกระตุ้นเมื่อเบราว์เซอร์เริ่มทำงานออนไลน์

ไวยากรณ์

ไวยากรณ์มีดังนี้ −

<tagname ononline="script"></tagname>

ลองดูตัวอย่างการใช้งานแอตทริบิวต์เหตุการณ์ ononline ของ HTML −

ตัวอย่าง

<!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    .show {       font-size: 1.2rem;       color: #fff;    } </style> <body ononline="onlineFn()" onoffline="offlineFn()"> <h1>การสาธิตแอตทริบิวต์เหตุการณ์ onoffline/ononline ของ HTML</h1> <p style="color:#db133a;">ลองปิด/เปิดเครือข่ายของคุณ</p> <div class="show"></div> <script>    function onlineFn() {       alert("เฮ้! คุณออนไลน์แล้ว");    }    function offlineFn() {       alert("เฮ้! คุณออฟไลน์แล้ว");    } </script> </body> </html>

ผลลัพธ์

ลองเปิด/ปิดเครือข่ายของคุณเพื่อสังเกตการทำงานของแอตทริบิวต์เหตุการณ์ onoffline/ononline −

แอตทริบิวต์เหตุการณ์ ononline ของ HTML

แอตทริบิวต์เหตุการณ์ ononline ของ HTML