Question

我需要在已经存在的HTML页面内的iframe中显示内容（存在于另一个HTML中）。 iframe应首先检查HTML中是否有某些内容，并且仅在存在时加载，如果源HTML为空，则不应加载iframe。

谢谢

Answer 1

要检查内容是否存在于iframe中，请使用此方法（它使用jQuery并让iFrame的id为iframeid）：

   <!--free.htm -->
    <!DOCTYPE html>
    <html>
      <head>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script>
         $(document).ready(function(){
             $.get("test.htm", function(){
                if($(this).contents().find("body").length<=0)  
                    $("#iframeid").css("display","none");       
             });
         });
         </script>
       </head>

       <body>
         <iframe src="test.htm" id="iframeid"></iframe>
       </body>
</html>

以下是可能对您有所帮助的圆顶链接：

Answer 2

你必须使用Javascript。

您的父HTML文件：

<html>
  <!-- Your parent html file contents -->
  <iframe id="iframe" src="">

  </iframe>

  <script src="jquery-1.11.2.min.js"></script>
  <script>
    $(document).ready(function() {
      //get your iFrame html file
      $.get("iframe.html", function(data) {
          //check if file not empty
          if(data) {
             $("#iframe").attr("src", "iframe.html");
          } else {
             $("#iframe").css("display", "none");
          } 
      });
    });
  </script>
</html>

使用iframe加载来自其他HTML的内容

2 个答案: