tags:

views:

203

answers:

1
+1  Q: 

How to close an iframe?

After opening an iframe, I sometimes need to close it. Thus far, I just remove the iframe from its parent node, thus cutting it off from the DOM. However, I'm finding that this doesn't immediately end the iframe's life, and its javascript code can still call back into the parent window, which no longer expects these callbacks.

How can I kill an iframe dead? I don't see a close or destroy method on it.

+4  A: 

Create a blank.htm file on your site. Have the IFrame SRC set to the blank.htm, then remove the IFRAME.

AnthonyWJones  2009-10-26 17:59:07
I guess I could send the iframe to blank.htm even if that doesn't exist on my site, since it's a hidden iframe and the 404 wouldn't matter. Thanks.
Andrew Arnott  2009-10-26 18:16:39
The 404 would be more expensive, usually 404 has a significant response body and even references to images etc. They are also not cacheable. Using an empty Blank.htm would likely result in no roundtrip to the server at all or a cheaper one than 404.
AnthonyWJones  2009-10-26 18:34:48
Good point. What about "about:blank"? I tried that on IE and Chrome, and they both handle it, without any call to the server.
Andrew Arnott  2009-10-26 19:07:27
Yes about:blank will probably work in most circumstances but it might trip you up if ever want to serve your site over HTTPS, you might get "some content insecure" warning message boxes.
AnthonyWJones  2009-10-26 19:40:22

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript