i want to get url from iframe

Question

this is the code im using.............

i want to get current url(href) from below code ...............

<html>
<head>
<script type="text/javascript">
        function load() {
            var url =  document.getElementById("iframeid");  

          //get the ifram onload url of href 
    //(i.e)   http://www.image.com/home.html     

        }
    </script>
</head>
<body>
<iframe onload="load()" name="Google"  id="iframeid"  scrolling="auto" style="width:95%;height:600px" src="http://www.image.com" >

    </iframe>
</body>
</html>

Beware also of "accessing a cross-origin frame" error. – Thomas Decaux Apr 06 '17 at 12:12 — Thomas Decaux, Apr 06 '17 at 12:12

qlayer · Accepted Answer · 2012-08-22T08:40:53.583

23

This will work only if they are in the same domain,protocol and port:

document.getElementById("iframe_id").contentWindow.location.href

else use :

document.getElementById("iframe_id").src

edited Aug 22 '12 at 08:40

answered Aug 22 '12 at 08:33

qlayer

344
3
7

2

i have undefined result with this code – Aug 22 '12 at 09:41
10

`document.getElementById("iframe_id").src` will always return the initial uri.. so not recommended to use it. – Amit Shah Oct 12 '16 at 05:10
Note: [Changing origin](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy#Changing_origin) is possible, but only for subdomain access. – Mark G Nov 11 '18 at 00:45

score 5 · Answer 2 · answered Aug 22 '12 at 08:32

5

The demo.

<html>
<head>
<script type="text/javascript">
        function load(frame) {
            console.log(frame.src);
        }
</script>
</head>
<body>
<iframe onload="load(this)" name="Google"  id="iframeid"  scrolling="auto" style="width:95%;height:600px" src="http://www.image.com" >
</iframe>
</body>
</html>

answered Aug 22 '12 at 08:32

xdazz

158,678
38
247
274

i have undefined...alert(console.log(frame.src)) – Aug 22 '12 at 09:44
1

i have tried alert(frame.src) it given http://www.image.com i want navigation menu urls – Aug 22 '12 at 09:53
@suryaguruprakash Where is the menu? – xdazz Aug 22 '12 at 10:00
menu in iframe,when iframe is onload ,detect onload and alert and current url – Aug 22 '12 at 10:11
@suryaguruprakash Does it have a `id` ? – xdazz Aug 22 '12 at 10:17
@suryaguruprakash Can you point out the where it is in the html source of the frame content? – xdazz Aug 22 '12 at 10:19
it need to work like iframe with Address bar ,so i have only src="web href".if iframe content is navigating at the time address bar link should change – Aug 22 '12 at 10:25
above the concept is possible or not ? – Aug 22 '12 at 10:39
@suryaguruprakash No, not possible. – xdazz Aug 22 '12 at 10:40

score 2 · Answer 3 · answered Aug 22 '12 at 08:31

2

Try this:

document.getElementById("iframeid").src;

answered Aug 22 '12 at 08:31

sQVe

1,977
12
16

score 1 · Answer 4 · answered Aug 22 '12 at 08:32

Only two missing bits (marked with <== )

<html>
<head>
<script type="text/javascript">
        function load() {
            var url =  document.getElementById("iframeid").src; // <== .src

            //get the ifram onload url of href 
            //(i.e)   http://www.image.com/home.html     

        }
    </script>
</head>
<body>
<iframe onload="load()" name="Google"  id="iframeid"  scrolling="auto" style="width:95%;height:600px" src="http://www.image.com" > // <== Opening angle bracket

    </iframe>
</body>
</html>

score 1 · Answer 5 · edited Jul 13 '16 at 07:26

1

try this. Sometimes you can't acess the Iframe url

var CurrentUrl = document.getElementById('MyIFrame').contentWindow. location.href;

edited Jul 13 '16 at 07:26

Parag Tyagi

8,780
3
42
47

answered Aug 22 '12 at 08:33

Coder

886
1
12
28

i want to get url from iframe

5 Answers5