Home/ Questions/Q 7860641
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T22:22:14+00:00

On my localhost, I am using the following JavaScript to create an iframe with

  • 0

On my localhost, I am using the following JavaScript to create an iframe with src, and add it to the document:

$('#preview').html('<iframe src="http://google.com/"></iframe>');

The iframe shows but not the content. In firebug, it’s just:

<iframe src="http://google.com/">
    <html>
        <head></head>
        <body></body>
    </html>
</iframe>

When I execute $('iframe').attr('src','http://google.com/'); on the console, the browser loads (says “Waiting for google.com…”), then seems to refresh the content of the iframe. But again, it’s empty.

If I set it to a local page, though, the content is loaded.

Is this because of the same origin policy? I’m not so informed about it. I did some googling and I’m confused because some sites say that it’s okay to include an iframe with src that doesn’t belong to your own domain, and some say it’s not possible.

By the way, since I’m still testing on localhost, would this work if I uploaded this to a server somewhere? (but src of iframe will still be in a different domain)

Help?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you’d checked your browser’s error console, you’d have seen this message:

    Refused to display document because display forbidden by X-Frame-Options.

    So, this isn’t an error on your part, but a deliberate action on the part of Google.

    The two options for the X-Frame-Options are:

    • deny – no rendering within a frame, and
    • sameorigin – no rendering if origin mismatch

    References:

    • 0