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文件

回答

相关问题