Javascript dynamic creation of iframe doesn't load src

Question

I have the following piece of code that should dynamically load an iframe with the Google homepage as an example. The iframe gets created but the src is not loaded:

var theIframe2 = document.createElement("iframe");
theIframe2.setAttribute("id", "main-iframe2");
theIframe2.setAttribute("src", "http://www.google.co.uk");

theIframe2.style.width = "300px";
theIframe2.style.height = "200px"; 
theIframe2.style.position = "absolute";
theIframe2.style.top = "0px";
theIframe2.frameBorder = 1;

var containerDiv2 = document.getElementById('container');
containerDiv2.appendChild(theIframe2);

It's also on jsfiddle here: http://jsfiddle.net/JxhFE/1/

Any advice would be appreciated.

Thanks, Colin.

Google prevents you from loading its page in a frame using the X-Frame-Options:SAMEORIGIN — Yaniro
– Yaniro, Commented Mar 3, 2012 at 22:22

fardjad · Accepted Answer · 2012-03-03 22:20:48Z

3

You can't show google.co.uk in an IFrame in your domain. Due to security reasons Google only allows it's homepage to be embedded from the same origin. (X-Frame-Options SAMEORIGIN header.)

answered Mar 3, 2012 at 22:20

fardjad

20.5k6 gold badges55 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Colin Brown Over a year ago

Ah, that explains it. Thank you!

Collectives™ on Stack Overflow

Javascript dynamic creation of iframe doesn't load src

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related