Question

我正在使用前端代码创建一个包含导航栏的网站... html，css和script。但我想通过已创建的html文件在每个页面中添加导航栏。

我正在使用弃用了frameset标记的HTML5。那么我可以在没有其他后端代码的情况下使用哪种技术将该html文件添加到另一个？感谢。

<frameset rows="200,*" frameborder="no" border="0" id="container" scrolling="yes">
    <frame src="nav.html" name="leftframe" scrolling="no" noresize="noresize" id="nav" />
    <frame src="slider.html" name="rightframe" scrolling="no" noresize="noresize" id="slider" />
    <frame src="text.html" name="bottomframe" scrolling="no" noresize="noresize" id="text" />
    <frame src="copy.html" name="bottomframe" scrolling="no" noresize="noresize" id="text" />
</frameset>

Answer 1

使用jQuery：

<html> 
  <head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
      <script> 
        $(function(){
         $("#navbar").load("navbar.html"); 
        });
      </script> 
  </head> 

  <body> 
   <div id="navbar"></div>
  </body> 
</html>

Answer 2

您可以为<iframe>元素切换<frame>，并使用某些CSS获得相同的结果。

如何将html文件用于另一个文件

2 个答案: