I need to get the origin of an iframe. Until now the code we used created an anchor element and read it's origin, but this attribute is not available in Internet Explorer. What is the most elegant way to get the origin from an iframe object?

Here is the old code:

function getOrigin(href) {
  var l = document.createElement("a");
  l.href = href;
  return l.origin;
};

var x = document.getElementById("my-iframe");
alert(getOrigin(x.src));

But as i said the origin attribute is not supported in Internet Explorer.

I need to support Internet Explorer 10 and up.

I need to get the origin of an iframe. Until now the code we used created an anchor element and read it's origin, but this attribute is not available in Internet Explorer. What is the most elegant way to get the origin from an iframe object?

Here is the old code:

function getOrigin(href) {
  var l = document.createElement("a");
  l.href = href;
  return l.origin;
};

var x = document.getElementById("my-iframe");
alert(getOrigin(x.src));

But as i said the origin attribute is not supported in Internet Explorer.

I need to support Internet Explorer 10 and up.

• javascript
• jquery
• html
• iframe

• I tried to do something like this: x.contentWindow.location.origin but because of SOP i can't access it and i cannot add CORS. – Nick Russler Commented Sep 4, 2015 at 10:05

2 Answers 2

var x = document.getElementById("myiframe");
alert(new URL(x.src).origin);

<iframe id="myiframe" src="https://www.google./search?q=test"></iframe>

to check if src is relative url: How to test if a URL string is absolute or relative?

to generate the absolute url of a relative url: Convert relative path to absolute using JavaScript

Well it is quite dirty to create element to just parse a string.

Why don't just parse it yourself?

'http://stackoverflow.:8080/123?param=test'.match(/^.+\:\/\/[^\/]+\//)[0]

If you also want to support relative urls (e.g. '/myurl') just add some condition to take current window's URL instead:

location.href.match...