Javascript error when inserting code with <script> into an iFrame

Question

I'm trying to insert the html content in a few iFrames and I got a strange javascript error when I'm adding a tag. The code I want to insert looks like (on the real example there is some code) :

<head>
  <script>/*This line is causing the problem */</script>
</head>
<body>   
  <h1 style='text-align: center;'>This IS an iframe</h1>
</body>

the js errror is : Uncaught TypeError: Cannot read property 'appendChild' of null (you need to be in development mode). If you remove the line the error will not longer exist.

The simplified source code example: https://codepen.io/anon/pen/MdoLpq

I'm a bit lost here, any ideas or hints are welcomed.

You don't see the codepen link? : codepen.io/anon/pen/MdoLpq — ic3
– ic3, Commented May 18, 2019 at 14:35

Levi Cole · Accepted Answer · 2019-05-18 14:37:33Z

1

I'm pretty sure jQuery strips out <script> tags when using the .html() method. To get around this use plain javascript .innerHTML.

For example, instead of..

$("#1").contents().find('html').html( frameCode );

Replace with this...

$("#1").contents().find('html').get(0).innerHTML = frameCode;

answered May 18, 2019 at 14:37

Levi Cole

3,7041 gold badge27 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Javascript error when inserting code with <script> into an iFrame

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related