利用jQuery实现加载公共头部和底部

来源：互联网发布：淘宝账号解封成功案例编辑：程序博客网时间：2024/06/09 14:38

<!doctype html>
<html lang="en">

   <head>
       <meta charset="UTF-8">
       <title>把头部和尾部通过jquery加载进页面</title>
       <link rel="shortcut icon" href="../favicon.ico" />
       <style>
           body{text-align: center;}
       </style>
   </head>

   <body>
       
       <div id="header"></div>

       <div class="main" style="width:100%;padding:100px 0;background:#dcdcdc;">
           <h1>我是主体</h1>
       </div>

       
       <div id="footer"></div>

       
       <script type="text/javascript" src="../js/jquery-1.11.0.min.js" ></script>
       <script>
           $(function() {
               $('#header').load('common/header.html');
               $('#footer').load('common/footer.html');
           })
       </script>
   </body>

</html>

阅读全文

0 0