Rumah >hujung hadapan web >tutorial js >Bagaimanakah JavaScript Dapat Mengesan dan Mengendalikan Pemutusan Sambungan Internet?

Bagaimanakah JavaScript Dapat Mengesan dan Mengendalikan Pemutusan Sambungan Internet?

DDD
DDDasal
2024-12-11 16:17:11447semak imbas

How Can JavaScript Detect and Handle Internet Disconnections?

Cara Mengesan Pemutusan Sambungan Internet dalam JavaScript

Mengetahui status dalam talian pengguna anda adalah penting untuk menyediakan pengalaman pengguna yang boleh dipercayai dan responsif. JavaScript menawarkan beberapa kaedah untuk mengesan apabila sambungan Internet terputus.

Kaedah yang paling banyak disokong ialah menggunakan harta window.navigator.onLine. Sifat ini mengembalikan nilai Boolean yang menunjukkan status dalam talian semasa. Apabila sambungan diwujudkan, ia kembali benar; jika tidak, ia mengembalikan palsu.

Untuk memantau perubahan dalam status dalam talian, anda boleh mendengar acara dalam talian dan luar talian yang dicetuskan oleh objek tetingkap. Peristiwa ini menyediakan fungsi panggil balik yang masing-masing dilaksanakan apabila sambungan dipulihkan atau hilang.

Contoh Kod:

console.log('Initially ' + (window.navigator.onLine ? 'on' : 'off') + 'line');

window.addEventListener('online', () => console.log('Became online'));
window.addEventListener('offline', () => console.log('Became offline'));

document.getElementById('statusCheck').addEventListener('click', () => console.log('window.navigator.onLine is ' + window.navigator.onLine));

Setelah anda mengesan bahawa sambungan Internet berada di luar talian, anda boleh melaksanakan langkah yang sesuai untuk mengendalikan situasi, seperti memaparkan mesej ralat atau menyediakan kandungan alternatif. Dengan memanfaatkan teknik JavaScript ini, anda boleh memantau dan bertindak balas terhadap perubahan dalam sambungan internet pengguna dengan berkesan.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Dapat Mengesan dan Mengendalikan Pemutusan Sambungan Internet?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn