“开关”中的功能不起作用

Question

I have the javascript stated bellow. I need to execute some functions instead of alert(), but it doesn't work... I need to include document.getElementById("").innerHTML="" function. I'm not very experienced in js and I will be very grateful if somebody will explain how to do that and where is a problem.

window.onload = function locationHashChanged() {
    var hashx = location.hash;
    switch (hashx) {
       case '#basketball':
           alert('1');
           break;
       case '#football':
           alert('2');
           break;
       default:
           alert('3');
    }
    window.onhashchange = locationHashChanged;
}

Answer 1

Don't add a function name to the assignment of window.onload .

You need to assign an anonymous function instead, such as

window.onload = function(){
  // stuff
}

Answer 2

The most likely problem here is that you're defining window.onload after the load event has taken place, which means that your handler is not being called. Either that, or some other code is overwriting your handler.

You don't need to wait until the window 's load event for adding a hashChange event handler, so just use:

window.onhashchange = function() {
    var hashx = location.hash;
    switch (hashx) {
       case '#basketball':
           alert('1');
           break;
       case '#football':
           alert('2');
           break;
       default:
           alert('3');
}