使用iframe加載來自其他HTML的內容

Question

我需要在已經存在的HTML頁面內的iframe中顯示內容（存在於另一個HTML中）。 iframe應首先檢查HTML中是否有某些內容，並且僅在有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 個解決方案

解決方案1
0 2015-02-16 09:08:52

解決方案2
0 2015-02-16 09:10:31

使用iframe加載來自其他HTML的內容

問題描述

2 個解決方案

解決方案1 0 2015-02-16 09:08:52

解決方案2 0 2015-02-16 09:10:31

解決方案1
0 2015-02-16 09:08:52

解決方案2
0 2015-02-16 09:10:31