How to wait until a web page is loaded with javascript?

Question

I want to change between two pages in html with javascript, but when I change with window.location, the code that is after this sentence continues executing.

So when I do, for example, a call to getElementById() it doesn't recognize the element because the page is still loading.

function myFun(){

    // ...

    window.location = 'page.html';

    // ... wait until page.html is loaded

}

How can I wait until the page is loaded to avoid this problem?

Answer 1

When you do

window.location = 'page.html';

you replace the page in the browser, the one containing the code of myFun, by a new page. There is no way for the code following this instruction to be executed.

If you want to execute it, and only after that change page (but I don't see the point), then you might do

document.onload = function(){ window.location = 'page.html'; };