JS离线检测？ 我究竟做错了什么

Question

I'm a JS newb so I'm trying to figure out how to make this example from w3c to work in my WebApp that will run in a PhoneGap framework...

I'm sure this is easy, but when the event listener is triggered, it runs the attached function with the alert, problem is is it proceeds to excute everything after that again. So say I flip my iphone off, I'll get an alert then it will execute the next alert which says its online... Anywho... If any of you gys have any better ideas about executing a function like this let me know PhoneGap Cordova has two other methods as well.

<script>
<!--
window.addEventListener("offline", function(e) {alert("offline");})
window.addEventListener("online", function(e) {alert("online");})
if (navigator.onLine) {
  alert('online')
  //functions to run online
} else {
  alert('offline');
  //offline functions or through into loop
}
-->
</script>

Answer 1

You are missing a parameter in the addEventListener function. For me this is working fine:

window.addEventListener("offline", function () {
    console.log("Online status: " + navigator.onLine);
}, false);

window.addEventListener("online", function () {
    console.log("Online status: " + navigator.onLine);
}, false);

Answer 2

试试这个if(window.navigator.onLine) { alert('I am online');}我刚刚在控制台中对其进行了测试，它可以正常工作:)