公共头部引入页面

var header = '<div class="headernav">';
    header += '<ul class="wrap wow fadeInUp animated" data-wow-delay=".0.05s" style="visibility: visible; animation-name: fadeInUp;">';
    header += '<li class="navlogo"><a href="../index.html"></a></li>';
    header += '<li><a href="../index.html" target="_blank">首页</a></li>';
    header += '<li>';
    header += '<em>会员服务</em>';
    header += '<span>';
    header += '<i class="uparrow"></i>';
    header += '<a href="../src/recruitment.html" target="_blank">招商合作</a>';
    header += '<a href="../src/member.html" target="_blank">学习专区</a>';
    header += '</span>';
    header += '</li>';
    header += '<li>';
    header += '<em>公司动态</em>';
    header += '<span>';
    header += '<i class="uparrow"></i>';
    header += '<a href="../src/news.html" target="_blank">企业新闻</a>';
    header += '</span>';
    header += '</li>';
    header += '<li>';
    header += '<em>关于我们</em>';
    header += '<span>';
    header += '<i class="uparrow"></i>';
    header += '<a href="../src/home_aboutUs.html" target="_blank">公司简介</a>';
    header += '<a href="../src/advantage.html" target="_blank">优势特色</a>';
    header += '<a href="../src/corporate_culture.html" target="_blank">企业文化</a>';
    header += '</span>';
    header += '</li>';
    header += '<li>';
    header += '<em>联系我们</em>';
    header += '<span>';
    header += '<i class="uparrow"></i>';
    header += '<a href="javascript:;">服务热线</a>';
    header += '<a href="javascript:;">4006789100</a>';
    header += '</span>';
    header += '</li>';
    header += '</ul>';
    header += '</div>';
    document.write(header);
$(document).ready(function(){
    $('.headernav li').each(function(index, item){
        $(item).attr('data-id', index);
        var dataID = $(this).attr("data-id");
        if(current == dataID){
            var _this = $(this);
            _this.addClass("active");
        }
    });
})
html：
<script src="../js/common.js"></script>
<script>var current = 2;</script>