Thuộc tính onLine của trình điều hướng HTML trả về một giá trị boolean xác định xem trình duyệt đang trực tuyến hay ngoại tuyến.
Cú pháp
Sau đây là cú pháp -
navigator.onLine
Hãy để chúng tôi xem một ví dụ về thuộc tính onLine của trình điều hướng 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;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 20px;
width: 330px;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
.show {
font-size: 1.2rem;
color: #fff;
}
</style>
<body>
<h1>HTML navigator onLine property Demo</h1>
<button class="btn" onclick="display()">Check Browser Online/Offline Mode</button>
<div class="show"></div>
<script>
function display() {
var msg = document.querySelector(".show");
if (navigator.onLine) {
msg.innerHTML = "Hey! You are online";
} else {
msg.innerHTML = "Hey! You are offline";
}
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Kiểm tra chế độ trực tuyến / ngoại tuyến của trình duyệt ”Để xem trình duyệt đang ở chế độ trực tuyến hay ngoại tuyến -
Bây giờ, hãy thử ngắt kết nối mạng của bạn và sau đó nhấp lại vào “ Kiểm tra chế độ trực tuyến / ngoại tuyến của trình duyệt Nút ”-
