Question

Okay, so I’m trying to iFrame a webpage. I don’t know why, but it won’t stay in my page (it pops out and goes to the main page). The code I’m using is:

<iframe>http://mywebsite.com</iframe>

How do I keep it in my site?

Answer 1

You need to use the src property.

<iframe src="http://mywebsite.com"></iframe>

HTML/text content placed inside the tags of an iframe is treated as “fallback” content that only shows up if the browser doesn’t support iframes. See the MDN documentation for full details.

<iframe src="http://mywebsite.com">
    This sentence only shows up if the browser doesn't support iframes!
</iframe>

Thus, you were creating an iframe that didn’t point to any page with its src property (so it remained blank), and had the text “http://mywebsite.com” as fallback text to appear in browsers that don’t support iframes.

EDIT:

If you don’t control the site, it’s possible that the framed site has some logic that says something like:

// if we are not the highest frame, someone is try to frame this site
if(window.parent != window)
    // redirect the framing parent site to our site
    window.parent.location.href = 'http://iframedsite.com';

This logic detects if the site is being embedded by someone else (e.g., your own site) and redirects the parent frame. You can confirm whether this is the problem by simply framing IANA’s website, https://www.iana.org/ (or just http://www.example.com), which plays nicely when it is framed and doesn’t do parent-frame redirects.