CODEWITHSUNDEEP
javascriptjqueryhtmliframe
Nick Russler
Nick Russler

Reputation: 4694

How to get the origin of iframe object

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.

Upvotes: 4

Views: 9842

Answers (2)

crisc2000
crisc2000

Reputation: 1222

var x = document.getElementById("myiframe");
alert(new URL(x.src).origin);
<iframe id="myiframe" src="https://www.google.com/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

Upvotes: 4

smnbbrv
smnbbrv

Reputation: 24571

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

Why don't just parse it yourself?

'http://stackoverflow.com: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...

Upvotes: 1

Related Questions