I want to check its on same origin or not?

Question

my web page(mydomain.com/xyz.php) open in in both same & different origin. when it's open in same origin I update html of top window using jquery code which is inside xyz.php.

window.top.$("#idxzy").html(img_block);

all things is okay in same origin but when my web page open in different origin that time this line create error : xyz.php?product_id=XXXX Uncaught DOMException: Blocked a frame with origin "htt p s://www.mydomain.com/" from accessing a cross-origin frame.

window.top.$("#idxzy").html(img_block);

so I want to add condition here something like below but I don't know what should I use in if

if(same_origin){
    window.top.$("#idxzy").html(img_block);
}

also if I put console.log() for window.top.location. it's display something like below (same origin)

(not same origin)

score 3 · Answer 1 · answered Apr 19 '19 at 06:47

3

Use location.hostname:

if (location.hostname == "mydomain.com") {
    window.top.$("#idxzy").html(img_block);
}

answered Apr 19 '19 at 06:47

Jack Bashford

43,180
11
50
79

score 1 · Accepted Answer · answered Apr 19 '19 at 08:09

You have to use Window.postMessage() to communicate between the iframe and the parent windows.

Here is the reference

Here you can find more info on that

You can also try catch to prevent the console error

try {
  if (location.hostname == "mydomain.com") {
     window.top.$("#idxzy").html(img_block);
   }
}
catch(err) {
  // Make sure you catch the exception thrown because is blocked by cross domain reference => then do 
}

I want to check its on same origin or not?

2 Answers2