Javascript window.onload函数无法在新的链接文件上触发

Question

I have a dual language website and I wanted to toggle the href in the language link. When visitors first visit the site, it loads the 'index.php' file. In the HEAD section of this file it calls a javascript file which has the following code:

window.onload = function() {

  var eng = document.getElementById("lang");
  var fn = location.pathname.substring(1)
  if (fn.match("En.php")) {
      eng.href = "index.php";
  } else {
      eng.href = "indexEn.php";
  }
}

The 'index.php' file it has an 'a' link element with a blank href (#) with an id of 'lang' which is the link to the English php file. When I click that link it loads the IndexEn.php file just as the js code dictates.

The indexEn.php also has the call to the same javascript in the HEAD section and has the same 'a' link with the same id but the onload function doesnt run so it doesnt set the correct href. I have tested this with an alert in the onload function which doesnt display when indexEn.php loads. I thought the onload function fired each time you called a file or have I misunderstood?

Answer 1

Sounds like you really just need this to happen when the document is ready.

Try this jQuery.

$(document).ready(function(){ 
    var eng = $("#lang");
    var fn = document.location.pathname.substring(1);
    if (fn.match("En.php")) { 
        eng.attr('href', "index.php"); 
    } else { 
        eng.attr('href', "indexEn.php");
    }
});

The non-jquery code. Put at the bottom of the page so that you can use the document selectors.

    var eng = document.getElementById("lang");
    var fn = document.location.pathname.substring(1);
    if (fn.match("En.php")) { 
        eng.href = "index.php"; 
    } else { 
        eng.href = "indexEn.php";
    }