How do I make iframe get src from js variable?

Question

I was wondering if anyone could help me with making a program in HTML that looks like this:

<html> <body> <script> var iframesite = prompt ('Enter in a site'); </script> <iframe src="?"></iframe> </body> </html>

So what would I put in the place of the "?" ? I want it to be javascript inside of the src attribute so that I can put 'https:// ' + iframesite for a src.

Thanks

Possible duplicate of HTML, set iframe src as a javascript variable — Raúl Martín
– Raúl Martín, Commented Mar 19, 2016 at 23:06
Another one here stackoverflow.com/questions/6000987/dynamically-set-iframe-src — PinkTurtle
– PinkTurtle, Commented Mar 19, 2016 at 23:07

Finkes · Accepted Answer · 2016-03-19 23:12:58Z

If you want to use plain javascript you can achieve this with something like this:

var iframesite = prompt ('Enter in a site'); document.getElementsByTagName("iframe")[0].setAttribute("src", "https://" + iframesite );

Otherwise I would suggest you to have a look at jquery

Jamel de la Fuente · Accepted Answer · 2016-03-19 23:13:18Z

I think adding a Iframe would work. Here is some example code:

var iframesite = prompt ('Enter in a site'); var iframe = document.createElement('iframe'); iframe.src = iframesite; document.body.appendChild(iframe);

Collectives™ on Stack Overflow

How do I make iframe get src from js variable?

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related