URL Change Event - JavaScript

Question

I have a setTimeout that records the URL in a variable called newURL.

function checkURL() {
    var newURL = window.location;
} setInterval(checkURL, 1000);

What I would like to happen, is that a certain function must be executed, when the URL changes. Could someone help me here please?

Assuming the only fragment identifier is changed or the URL is changed through the history API, all you have to do is compare the current value against the previous one. I don't see the difficulty here. But if changing the URL causes a reload of the page, it does not matter what you do, since your script will terminate. — Felix Kling
– Felix Kling, Commented Jun 11, 2012 at 13:48
Felix Kling is right. The page is using the History API. Sindri's answer helped. Thanks! — Jacques Blom
– Jacques Blom, Commented Jun 11, 2012 at 13:54

yckart · Accepted Answer · 2013-07-01 14:03:49Z

4

Not sure why the page wouldn't reload before you could catch the change in the url. You can also take a look a window.onunload

var checkURL = (function () {
    var oldURL = location.href;
    return function (fn) {
        var newURL = location.href;
        if (fn && oldURL !== newURL) {
            fn(oldURL, newURL);
        }
        oldURL = newURL;
    };
}());

edited Jul 1, 2013 at 14:03

yckart

33.6k11 gold badges126 silver badges133 bronze badges

answered Jun 11, 2012 at 13:48

Sindri Guðmundsson

1,30310 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CoursesWeb · Accepted Answer · 2012-06-11 13:52:55Z

1

From what i understand, when the url changes will be a new execution of the JS scripts in that page. The " window.location" will return the current URL, but JavaScript not record /register data in script, or variablle from a page to another.

answered Jun 11, 2012 at 13:52

CoursesWeb

4,2573 gold badges24 silver badges27 bronze badges

Comments

iMx · Accepted Answer · 2012-06-11 13:50:10Z

0

Use a global variable to store old url. Than you can check if the url was changed and execute some function.

answered Jun 11, 2012 at 13:50

iMx

8461 gold badge9 silver badges24 bronze badges

Collectives™ on Stack Overflow

URL Change Event - JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related