HTML文件包括另一個HTML文件

我創建了一個網頁，我想在那裏顯示另一個HTML文件。我用jQuery來做到這一點，但無法顯示我包含的文件的內容。你爲什麼認爲這發生了。非常感謝。HTML文件包括另一個HTML文件

這是我的主頁的代碼。

sample.html

<html> 
<head> 
<title> Sample Only </title> 

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script> 
    <script> 
     $(function(){ 
      $('#footerLang').load("sampleFooter.html"); 
     }); 
    </script> 


</head> 

    <body> 

     <div id="footerLang"> 
      <h1></h1> 
     </div> 

    </body> 

</html>

sampleFooter.html

<p> THIS IS A FOOTER </p>

來源

2016-09-01 Jaycee Evangelista

檢查火狐瀏覽器 –

@LaljiTadhani你是對的。 –

Ajax nga gamitin mo。 Loooool。 Kahapon pa給e。迪莫parin nakuha。 Hahahaha –

強烈可能是因爲您在放置的head以下塊不$(document).on("ready", function() { ...; });

$(function(){ 
    $('#footerLang').load("sampleFooter.html"); 
});

在這種情況下jQuery將無法找到#footerLang元素，因爲DOM沒有準備好，你可以修改腳本如下

$(function(){ 
    $(document).on("ready", function() { 
     $('#footerLang').load("sampleFooter.html"); 
    }); 
});

或只是</body>

<html> 
<head> 
<title> Sample Only </title> 

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script> 


</head> 

    <body> 

     <div id="footerLang"> 
      <h1></h1> 
     </div> 

    <script> 
     $(function(){ 
      $('#footerLang').load("sampleFooter.html"); 
     }); 
    </script> 
    </body> 

</html>

來源

2016-09-01 06:46:42

之前移動腳本標籤我發現這只是一個瀏覽器兼容性問題。我在Firefox中啓動它，它工作。

來源

2016-09-01 07:14:30

HTML文件包括另一個HTML文件

回答

相關問題