js/nav-footer.js

//header HTML
var headerHtmls='<div class="header-inner">' +
  '<div class="container">' +
  '<div class="row">' +
  '<div class="col-md-4 col-sm-2 col-xs-2">' +
  '<div class="logo">' +
  '<a href="index.html">' +
  '<img src="images/logo.png" alt="logo.png" style="margin-right: 16px;">' +
  '<img src="images/logoname.png" alt="logoname.png" class="logoname" style="margin-right: 26px;">' +
  '<img src="images/logotitle.png" alt="logotitle.png" class="logotitle">' +
  '</a>' +
  '</div>' +
  '</div>' +
  '<div class="col-md-8 col-sm-8">' +
  '<div class="mobile-menu"></div>' +
  '<nav class="navbar navbar-default">' +
  '<div class="collapse navbar-collapse">' +
  '<ul id="nav" class="nav navbar-nav">' +
  '<li class=""><a href="index.html">首页</a></li>' +
  '<li><a href="portfolio.html">产品介绍</a></li>' +
  '<li><a href="services.html">服务</a></li>' +
  '<li><a href="contact.html">关于我们</a></li>' +
  '</ul>' +
  '</div>' +
  '</nav>' +
  '</div>' +
  '</div>' +
  '<</div>' +
  '</div>';
//footer HTML
var footHtmls='<div class="container">' +
  '        <div class="row">' +
  '            <div class="col-md-3 col-xs-6">' +
  '                <div class="footer">' +
  '                    <div class="footer-title">公司介绍</div>' +
  '                    <ul class="footer-links">' +
  '                        <li><a href="contact.html">企业文化</a></li>' +
  '                        <li><a href="contact.html">加入我们</a></li>' +
  '                        <li><a href="contact.html">发展历程</a></li>' +
  '                        <li><a href="contact.html">资质</a></li>' +
  '                    </ul>' +
  '                </div>' +
  '            </div>' +
  '            <div class="col-md-3 col-xs-6">' +
  '                <div class="footer">' +
  '                    <div class="footer-title">产品介绍</div>' +
  '                    <ul class="footer-links">' +
  '                        <li><a href="portfolio.html">企业云</a></li>' +
  '                        <li><a href="portfolio.html">任你停</a></li>' +
  '                        <li><a href="portfolio.html">大数据</a></li>' +
  '                    </ul>' +
  '                </div>' +
  '            </div>' +
  '            <div class="col-md-3 col-xs-6">' +
  '                <div class="footer">' +
  '                    <div class="footer-title">联系我们</div>' +
  '                    <ul class="footer-links">' +
  '                        <li>电话:(0510) 66055077</li>' +
  '                        <li style="height: 36px;line-height: 18px;margin-bottom: 16px;">地址:江苏省无锡新区菱湖大道200号中国传感网国际创新园A座6层</li>' +
  '                        <li>E-mail:info@zte-its.com</li>' +
  '                    </ul>' +
  '                </div>' +
  '            </div>' +
  '            <div class="col-md-3 col-xs-6">' +
  '                <div class="footer">' +
  '                    <div class="footer-media">官方媒体</div>' +
  '                    <ul class="footer-links">' +
  '                        <span class="links_wechatIco rnt_pos_rel">' +
  '                            <span class="rnt_wechat rnt_pos_abs"></span>' +
  '                        </span>' +
  '                        <a id="wb_links" ><span class="links_weiboIco"></span></a>' +
  '                    </ul>' +
  '                </div>' +
  '            </div>' +
  '        </div>' +
  '    </div>' +
  '    <div id="bottom-footer" class="bottom-footer">' +
  '        <div class="container">' +
  '            <div class="row">' +
  '                <div class="col-md-12 text-center" style="padding: 15px;">' +
                    '<div class="copyright">Copyright © 2018. ZTE ITS LIMITED. <img src="images/jbaicon.png" class="jba" alt=""> 京ICP备18048325号-1</div>' +
  '                </div>' +
  '            </div>' +
  '        </div>' +
  '    </div>';
$('#header').html(headerHtmls);
$('#footer').html(footHtmls);
$('#wb_links').on('click',function () {
    window.open('https://weibo.com/p/1006062771007080/home?from=page_100606&mod=TAB#place');
})