Question

我有一个脚本，如果你把它放在你的网站上，它会将iframe插入你的网站 iframe调用一个测验网页，这个测验页面将在你的网站上方，如果你正确地回答了测验那么应该删除测验页面所有内容。所以我做了所有的事情，但是当他完成时我无法删除iframe这些问题是为了查看原始网站。

这是我想要的样本。

我有两页，第一页是父母，第二页是孩子我想知道当我点击子页面内的按钮时如何删除iframe;

父

<!DOCtype>
<html>
<head>
</head>
<body>
  Parent
  <iframe id="frame" src="child.html"></iframe>
</body>
</html>

和孩子一起

<!DOCTYPE html>
<html>
<body>
  <button onclick="myFunction()">Click me</button>
  <script>
    window.onload = function() {
      function myFunction() {
        var getframe = document.getElementById("frame");
        getframe.innerHTML = '';
      }
    }
  </script>
</body>
</html>

我收到此错误

myFunction未定义

我尝试了很多方法，但没有人工作

Answer 1

与评论中一样，您的功能仅在onload中可见。
试试这个：

<!DOCTYPE html>
<html>
<head>
  <script>
    function myFunction() {
       var getframe = document.getElementById("frame");
       getframe.innerHTML = '';
    }
    function delFrame() {
       var getframe = document.getElementById("frame");
       getframe.remove();
    }
    function hideFrame() {
       var getframe = document.getElementById("frame");
       getframe.style.display = 'none';
    }
    function showFrame() {
       var getframe = document.getElementById("frame");
       getframe.style.display = 'block';
    }
    window.onload = function() {
      myFunction();
    }
  </script>
</head>
<body>
  <iframe id="frame" src="child.html"></iframe>
  <button onclick="myFunction()">Click me</button>
  <button onclick="delFrame()">Delete Frame</button>
  <button onclick="hideFrame()">Hide Frame</button>
  <button onclick="showFrame()">Show Frame</button>
</body>
</html>

注意：该功能称为 onload AND 按钮单击。

单击按钮时如何删除iframe

1 个答案: