javascript adding javascript to iframe dynamically

Question

The code below will add an iframe dynamically, is there a way to insert javascript to this iframe dynamically?

Thx

  var iFrame = document.createElement('iframe');
  var iFrameSRC = "http://www.google.com";
  iFrame.name = 'hehe';
  iFrame.id = 'hehe';
  iFrame.src = iFrameSRC;
  iFrame.width = '1px';
  iFrame.height = '1px';
  iFrame.frameBorder = 0;
  iFrame.style.overflow = "hidden";
  iFrame.style.align = "left";
  iFrame.style.display = "block";
  iFrame.style.fontSize = "10px";

  bodyInner.appendChild(iFrame);

Amr Elgarhy · Accepted Answer · 2010-06-09 11:38:48Z

2

I think it will be something like this:

var script=iframe.createElement('script');

    script=iframe.standardCreateElement('script');
    script.setAttribute('src','http://localhost/jquery-1.3.2.js');
    script.setAttribute('type','text/javascript');
    iframe.lastChild.firstChild.appendChild(script);

Note this can be done just if the iframe and the holder page are in the same domain, or if you calling this from a bookmarklet or a browser extension/plugin.

answered Jun 9, 2010 at 11:38

Amr Elgarhy

69.2k70 gold badges193 silver badges312 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

TildalWave · Accepted Answer · 2013-03-27 10:47:11Z

2

This should work... Maybe you are trying to create something like this:

<body onload="initialize()">
<script language="JavaScript">
function initialize() {
  var testFrame =
        document.createElement("IFRAME");
  testFrame.id = "testFrame";
  testFrame.name = 'hehe';
  testFrame.src = "http://www.seekload.tk";
  testFrame.style.border='20px';
  testFrame.style.width='900px';
  testFrame.style.height='300px';
  testFrame.style.frameBorder = 10;
  testFrame.style.overflow = "hidden";
  testFrame.style.align = "left";
  testFrame.style.display = "block";
  testFrame.style.fontSize = "10px";
  document.body.appendChild(testFrame);
}
</script>

PS: You made some mistakes in your coding try the above instead.

edited Mar 27, 2013 at 10:47

TildalWave

1,6671 gold badge14 silver badges21 bronze badges

answered Feb 27, 2011 at 23:12

LRN

211 bronze badge

Comments

Emil Vikström · Accepted Answer · 2010-06-09 11:34:03Z

-1

No, you cannot insert code into a document from another domain. This is a security measure enforced by the browser to prevent cross-site scripting (XSS) and phishing attacks.

answered Jun 9, 2010 at 11:34

Emil Vikström

92.3k17 gold badges144 silver badges178 bronze badges

Collectives™ on Stack Overflow

javascript adding javascript to iframe dynamically

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related