deletingFrame.html 1.1 KB

1234567891011121314151617181920212223242526272829
  1. <html>
  2. <head>
  3. <title>Deleting frame: main page</title>
  4. </head>
  5. <script type="text/javascript">
  6. function remove() {
  7. var iframe = document.getElementById("iframe1");
  8. var myDiv = document.getElementById("myDiv");
  9. myDiv.removeChild(iframe);
  10. }
  11. function addBack() {
  12. var iframe = '<iframe src="deletingFrame_iframe2.html" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true" frameborder="0" height="200" scrolling="no" width="400" id="iframe1"></iframe>';
  13. var myDiv2 = document.getElementById("myDiv2");
  14. myDiv2.innerHTML = iframe;
  15. }
  16. </script>
  17. <body>
  18. <div id='myDiv'>
  19. <iframe src="deletingFrame_iframe.html" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true"
  20. frameborder="1" height="200" scrolling="no" width="400" id="iframe1"></iframe>
  21. </div>
  22. <div id='myDiv2'>
  23. </div>
  24. <input type='button' id='addBackFrame' value='Add back frame' onclick='addBack();' />
  25. </body>
  26. </html>