How to Handle Being Offline in HTML
In HTML, there is an event when losing network connection. Use the onoffline event on the body tag in HTML to run a function when the browser loses internet access.
<!-- Use the onoffline attribute to handle offline -->
<body onoffline="handleOffline()">
...
</body>Copied to clipboard!
This can be used to, for example, defer network requests or alert users about the state change in the network connection. To improve upon this technique, do it through an imported script in JavaScript:
window.addEventListener('offline', () => { ... }); // Lost internet connection
window.addEventListener('online', () => { ... }); // Regained internet connectionCopied to clipboard!
If you would like to learn more about how to handle being offline, make sure to check out the articles below:
Want to get webtips to your mailbox? 📬
Tired of looking for tutorials?
You are not alone. Webtips has more than 400 tutorials which would take roughly 75 hours to read.
Check out our interactive course to master JavaScript in less time.
Learn More
