在HTML中的静态包含(HTML中提取公共代码HTML)

来源:互联网 发布:网络灰色收入路子 编辑:程序博客网 时间:2024/05/29 05:02

先拿我这个目录来说:要从user_list.html中提取出公共代码header.html。

但是问题是:要如何在user_list.html中引入header.html文件。


在user_list.html中提取的公共代码的位置,记录一个id.

<header class="header" id="header"></header>



然后利用js内部引用,和Ajax引用路径的方法。

<script type="text/javascript">   /*引入Header部分公共代码*/   $(function(){      $.ajax({         type:"get",         url:"../common/header.html",         async:true,         success:function(data){            $("#header").html(data);         }      });   });
</script>