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
Lepaskan: 2024-12-11 16:17:11
asal
517 orang telah melayarinya

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));
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan