Last active
April 18, 2016 07:37
-
-
Save gbrault/480bf35479086831a283bd5e473b01c5 to your computer and use it in GitHub Desktop.
How to load scripts in an iframe
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
| <title>frame</title> | |
| </head> | |
| <body> | |
| <div id="test"></div> | |
| <script type="text/javascript"> | |
| // create a new <iframe> element | |
| var iframe = document.createElement('iframe'); | |
| // append the new element to the <div id="bucket"></div> | |
| var bucket = document.getElementById('test'); | |
| bucket.appendChild(iframe); | |
| // create a string to use as a new document object | |
| var val = '<scr' + 'ipt type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></scr' + 'ipt>'; | |
| val += '<scr' + 'ipt type="text/javascript"> $(function() { $("body").append("<h1>It works!</h1>"); }); </scr' + 'ipt>'; | |
| // get a handle on the <iframe>d document (in a cross-browser way) | |
| var doc = iframe.contentWindow || iframe.contentDocument; | |
| if (doc.document) { | |
| doc = doc.document; | |
| } | |
| // open, write content to, and close the document | |
| doc.open(); | |
| doc.write(val); | |
| doc.close(); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment