Javascript 在HTML文件中包含另一个HTML文件-执行脚本_Javascript_Jquery_Html_Css

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

javascript jquery html css

Javascript 在HTML文件中包含另一个HTML文件-执行脚本,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一部分html代码在我的每个页面上重复，我想重用它已经有一个非常好的链接：我使用jQuery加载html文件（单独的html文件，我称之为模板）如果html文件是静态的，那么一切正常。但是，如果我的模板文件包含使用java脚本加载的类（CSS）的元素，那么它就不会被加载。即使在原始html文件中，我也在head部分引用了正确的css/java脚本。有什么想法吗谢谢，如果您想将page1.html包含到一个Div中，并将id插入到我中。页面2.html 然后使用Jquery，这就

我有一部分html代码在我的每个页面上重复，我想重用它

已经有一个非常好的链接：

我使用jQuery加载html文件（单独的html文件，我称之为模板）

如果html文件是静态的，那么一切正常。但是，如果我的模板文件包含使用java脚本加载的类（CSS）的元素，那么它就不会被加载。即使在原始html文件中，我也在head部分引用了正确的css/java脚本。有什么想法吗

谢谢，

如果您想将page1.html包含到一个Div中，并将id插入到我中。页面2.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>


$（函数（）{
$（“#insert into me”）.load（“page1.html”）；
});

使用JSP：

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

或

如果页面是静态的，SSI include可能是更好的选择，那么从JS和CSS的角度来看，页面是一个完整的实体。我同意@AlexK。使用SSI（服务器端包含）并将一个文件分隔为

头.shtml

，其中包含

…blah blah blah

，然后为

页脚.shtml

，其中包含

。。。诸如此类诸如此类，然后每个文档都可以在这些范围内分别工作，而不必担心CSS样式等问题。如果必须这样做的话。将所有页面加载脚本放在一个函数中，然后在使用jQuery从其他HTML文件加载内容后，调用该函数重新执行所有jQuery/javascript。有什么理由只在客户端执行吗？我正在使用Tomcat（java servlet）。我想把逻辑和数据分开（MVC）。我只返回在jsp页面上呈现的数据（通过JSTL）。这就是为什么我不想从服务器本身返回任何html内容。我应该如何以正确的方式在每个jsp页面上不重复相同的html/呈现代码？我在多个页面中包含了如下导航元素：$（function（）{$（“#includedNavigation”）.load（“navigation.html”）；}
但这仅适用于同一目录“subdir”中的html文件。无法从上主目录“dir”中的index.html访问navigation.html。我如何解决这个问题？