How to write Iframe to HTML using javascript

Question

I want to write a iframe to html from javascript the below code dosent work can anyone explain why

 <html>
<body>

<script>
document.write("<iframe width="560" height="315" src="https://www.youtube.com/embed/9Ow8QgoXzeE" frameborder="0" allowfullscreen></iframe>");
</script>

</body>
</html>

First, you need `\"` inside the string. Write `document.write("");` — Syntac, Jan 05 '17 at 14:50
This has already been answered. http://stackoverflow.com/questions/8726455/creating-an-iframe-using-javascript — Tim Barnett, Jan 05 '17 at 14:51

Abhay Maurya · Accepted Answer · 2017-01-06T08:04:06.350

Use sublime to ensure you don't do such mistakes. It's mistake of " and ' :

either way it will work:

<script>
document.write('<iframe width="560" height="315" src="https://www.youtube.com/embed/9Ow8QgoXzeE" frameborder="0" allowfullscreen></iframe>');
</script>

or

<script>
document.write("<iframe width='560' height='315' src='https://www.youtube.com/embed/9Ow8QgoXzeE' frameborder='0' allowfullscreen></iframe>");
</script>

In your code, reason why it doesn't work is that you are using all way : " and that is why it will not be recognizable where your string ends and starts.

For more clarification, see this:

var ex = "its "important" to know";//wrong
var ex = "its 'important' to know";//right
var ex = 'its "important" to know';//right

You can see that first statement gets processed as one string: "its " and other string "to know" but not characters between(important).

score 0 · Answer 2 · answered Jan 05 '17 at 14:53

I managed to make it work, find below the new code:

Javascript:

document.write("<iframe width='560' height='315' src='https://www.youtube.com/embed/9Ow8QgoXzeE' frameborder='0' allowfullscreen></iframe>");

And here the working example:

https://jsfiddle.net/fzzkb1jx/

Hope it helps!

How to write Iframe to HTML using javascript

2 Answers2