How do I get the current location of an iframe?

by

I did some tests in Firefox 3 comparing the value of .src and .documentWindow.location.href in an iframe. (Note: The documentWindow is called contentDocument in Chrome, so instead of .documentWindow.location.href in Chrome it will be .contentDocument.location.href.)

src is always the last URL that was loaded in the iframe without user interaction. I.e., it contains the first value for the URL, or the last value you set up with Javascript from the containing window doing:

document.getElementById("myiframe").src="http://www.google.com/";

If the user navigates inside the iframe, you can’t anymore access the value of the URL using src. In the previous example, if the user goes away from www.google.com and you do:

alert(document.getElementById("myiframe").src);

You will still get “http://www.google.com“.

documentWindow.location.href is only available if the iframe contains a page in the same domain as the containing window, but if it’s available it always contains the right value for the URL, even if the user navigates in the iframe.

If you try to access documentWindow.location.href (or anything under documentWindow) and the iframe is in a page that doesn’t belong to the domain of the containing window, it will raise an exception:

document.getElementById("myiframe").src="http://www.google.com/";
alert(document.getElementById("myiframe").documentWindow.location.href);
Error: Permission denied to get property Location.href

I have not tested any other browser.

Hope it helps!

More Related Contents:

  1. How can I access iframe elements with Javascript?
  2. Javascript callback when IFRAME is finished loading?
  3. How do I run different versions of jQuery on the same page?
  4. jQuery UI ” $(“#datepicker”).datepicker is not a function”
  5. Disable browser’s back button
  6. make iframe height dynamic based on content inside- JQUERY/Javascript
  7. How do I Validate the File Type of a File Upload?
  8. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  9. How can I run some javascript after an update panel refreshes?
  10. Setting focus to iframe contents
  11. How to move an iFrame in the DOM without losing its state?
  12. Can I apply CSS to the elements within an iframe?
  13. ASP.Net Master Page and File path issues
  14. contentDocument for an iframe
  15. Wait for iframe to load in JavaScript
  16. can jquery ajax call external webservice?
  17. How can I check for IsPostBack in JavaScript? [duplicate]
  18. Iframe.readyState does not work in chrome
  19. Page_ClientValidate is validating multiple times.
  20. How can I determine the element type of a matched element in jQuery?
  21. Stopping a iframe from loading a page using javascript
  22. Change textbox’s css class when ASP.NET Validation fails
  23. Detect from browser if specific application is installed
  24. Unloading/Removing content from an iFrame
  25. How to prevent an iframe from reloading when moving it in the DOM
  26. How to detect/track postback in javascript?
  27. What’s the most concise cross-browser way to access an element’s window and document?
  28. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  29. Enable/disable asp.net validator controls within a specific “ValidationGroup” with jQuery?
  30. Why is iframe.contentWindow == null?

Leave a Comment