How To Show Web Page Nested In Div?

I have simple HTML code,

Content you want the user to see goes here.

Click here to [

Solution 1:

www.google.com and other sites use a X-Frame-Options HTTP header that specifies that embedding is only allowed from the same origin:

x-frame-options:SAMEORIGIN

Browsers respect this header and prevent you from embedding the site

Solution 2:

You should use <iframe> to show page inside page

<iframesrc="http://example.com"></iframe>

Solution 3:

The reason for this is, that Google is sending an "X-Frame-Options: SAMEORIGIN" response header. This option prevents the browser from displaying iFrames that are not hosted on the same domain as the parent page.

The X-Frame-Options response header

Here is work around;

Working Fiddle

<iframe id="if1" width="100%" height="254" style="visibility:visible" src="http://www.google.com/custom?q=&btnG=Search"></iframe>

Here is an other workaround to overcome your problem;

How to load website HTML using jquery?

good luck!

Share