inject a javascript function into an Iframe

by

First of all you can only accomplish this if your frame and the page displaying it is within the same domain (Due to cross-domain rules)

secondly you can manipulate dom and window objects of the frame directly through JS:

frames[0].window.foo = function(){
   console.log ("Look at me, executed inside an iframe!", window);
}

to get your frame from a DOMElement object you can use:

var myFrame = document.getElementById('myFrame');

myFrame.contentWindow.foo = function(){
       console.log ("Look at me, executed inside an iframe!");
}

Note that the scope in foo is NOT changed, so window is still the parent window etc. inside foo.

If you want to inject some code that needs to be run in the context of the other frame you could inject a script tag, or eval it:

frames[0].window.eval('function foo(){ console.log("Im in a frame",window); }');

Though the general consensus is to never use eval, I think its a better alternative than DOM injection if you REALLY need to accomplish this.

So in your specific case you could do something like:

frames[0].window.eval(foo.toString());

More Related Contents:

  1. How can I access iframe elements with Javascript?
  2. Javascript callback when IFRAME is finished loading?
  3. How do I get the current location of an iframe?
  4. javascript access parent DOM across domains?
  5. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  6. Setting focus to iframe contents
  7. How to move an iFrame in the DOM without losing its state?
  8. Can I apply CSS to the elements within an iframe?
  9. contentDocument for an iframe
  10. Wait for iframe to load in JavaScript
  11. Stopping a iframe from loading a page using javascript
  12. Unloading/Removing content from an iFrame
  13. How to prevent an iframe from reloading when moving it in the DOM
  14. What’s the most concise cross-browser way to access an element’s window and document?
  15. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  16. Why is iframe.contentWindow == null?
  17. querySelector, wildcard element match?
  18. Copy / Put text on the clipboard with FireFox, Safari and Chrome
  19. What’s standard behavior when element is clicked? Will it submit the form?
  20. Add SVG element to existing SVG using DOM
  21. How to access DOM elements in electron?
  22. Javascript Iframe innerHTML
  23. How to give a Blob uploaded as FormData a file name?
  24. Stop all playing iframe videos on click a link javascript
  25. Iframe inherit from parent
  26. JavaScript: get the current executing node? [duplicate]
  27. How do I find the DOM node that is at a given (X,Y) position? (Hit test)
  28. Dynamically generated table – using an array to fill in TD values
  29. Get height of iframe with external URL
  30. How to pass parameters through iframe from parent html?

Leave a Comment