在HTML文件中包含另一个HTML文件 - 使用脚本执行

时间:2014-08-24 10:02:37

标签: javascript jquery html css

我有一部分html代码在我的每一页上重复,我想重复使用它。

已有一个非常好的链接: Include another HTML file in a HTML file

我使用jQuery加载html文件(我称之为模板的单独html文件)。

如果那个html文件是静态的,一切正常。 但是如果我的模板文件包含使用java脚本加载的类(CSS)的元素 - 那么它没有被加载。即使在原始的html文件中,我在head节中引用了正确的css / java脚本。 有什么想法吗?

谢谢,

1 个答案:

答案 0 :(得分:-1)

如果您想将page1.html包含在ID为insert-into-me的Div中。 page2.html。

然后使用Jquery,这将有效!

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#insert-into-me").load("page1.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="insert-into-me"></div>
  </body> 
</html>

使用JSP:

    <%@include file="page2.jsp" %> 
                or
    <jsp:include page="..." />

您想要包含在第1页