Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính sự kiện trực tuyến HTML

Thuộc tính sự kiện HTML ononline được kích hoạt khi trình duyệt bắt đầu hoạt động trực tuyến.

Cú pháp

Sau đây là cú pháp -

<tagname ononline=”script”></tagname>

Hãy để chúng tôi xem một ví dụ về Thuộc tính sự kiện trực tuyến HTML−

Ví dụ

<!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>HTML onoffline/ononline Event Attribute Demo</h1>
<p style="color:#db133a;">Try to disable/enable your network.</p>
<div class="show"></div>
<script>
   function onlineFn() {
      alert("Hey! You are online");
   }
   function offlineFn() {
      alert("Hey! You are offline");
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính sự kiện trực tuyến HTML

Bây giờ, hãy thử bật / tắt mạng của bạn để quan sát cách hoạt động của thuộc tính sự kiện onoffline / ononline−

Thuộc tính sự kiện trực tuyến HTML