Creating an IFRAME using JavaScript

Question

I have a webpage hosted online and I would like it to be possible that I could insert an IFRAME onto another webpage using some JavaScript.

How would this be the best way possible, that I just add my webpage URL to the JavaScript and that it work on all browsers?

Thanks

Answer 1

You can use:

<script type="text/javascript">     function prepareFrame() {         var ifrm = document.createElement("iframe");         ifrm.setAttribute("src", "http://google.com/");         ifrm.style.width = "640px";         ifrm.style.height = "480px";         document.body.appendChild(ifrm);     } </script>  

also check basics of the iFrame element

Answer 2

It is better to process HTML as a template than to build nodes via JavaScript (HTML is not XML after all.) You can keep your IFRAME's HTML syntax clean by using a template and then appending the template's contents into another DIV.

<div id="placeholder"></div>  <script id="iframeTemplate" type="text/html">     <iframe src="...">         <!-- replace this line with alternate content -->     </iframe> </script>  <script type="text/javascript"> var element,     html,     template;  element = document.getElementById("placeholder"); template = document.getElementById("iframeTemplate"); html = template.innerHTML;  element.innerHTML = html; </script>