Window.top and top.document in iframe

Question

i have 2 pages, page1.html(mypage), and page2.html(external), page1.html is loading page2.html using iframe. page2.html have basically information of user, it contain menus , forms. There is a logout function with below code

$('#inetLogoutId').click(function(event) {
        var logoutMsg = "Are you sure you want to log out?";
        dialogConfirm(logoutMsg, function() {
            top.document.location.href = path + "/logout";
        })
    });

logout not working because of Uncaught DOMException: Blocked a frame with origin "https://example.com" from accessing a cross-origin frame., what if logout function is modified to window.top.location.href. What's the main difference between these 2.

Thank you

For the second part of your question use this link: http://stackoverflow.com/questions/3332756/difference-between-window-location-href-and-top-location-href — Jose Marques, May 15 '17 at 08:42
You can not use java script to perform this function. Use the link to lern more: http://stackoverflow.com/questions/25098021/securityerror-blocked-a-frame-with-origin-from-accessing-a-cross-origin-frame — Jose Marques, May 15 '17 at 08:49

score 1 · Accepted Answer · answered May 15 '17 at 08:42

1

You cannot have acces to the parent of the iframe when it is on a different domain name.

Although you can solve this in another way: http://madskristensen.net/post/iframe-cross-domain-javascript-calls

answered May 15 '17 at 08:42

Remco K.

644
4
19

thank you, i understand cross origin issue, and this link is very good, i have access to both sites, but domain names are different, and i cannot change those, so i have to use second method from that document. – Nisar Afridi May 15 '17 at 08:52

score 1 · Answer 2 · answered Nov 22 '17 at 07:34

1

we have to use window.top.location.href = path + "/logout";

answered Nov 22 '17 at 07:34

Nisar Afridi

167
1
4
20

score 0 · Answer 3 · answered May 15 '17 at 08:43

0

This is due to same-origin-policy. You have keep your all files on the same website or host. Same-origin policy prevents access to cross origin.

answered May 15 '17 at 08:43

score 0 · Answer 4 · answered Feb 24 '22 at 07:50

0

You can use document.referrer to referrer to the parent window. https://developer.mozilla.org/en-US/docs/Web/API/Document/referrer#value

answered Feb 24 '22 at 07:50

The.Wolfgang.Grimmer

1,172
2
9
32

Window.top and top.document in iframe

4 Answers4