上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

晋城网站优化【晋城开通400电话】晋城网站搭建、晋城微信公众号推文外包、晋城开通京东拼多多设计、晋城淘宝装修

晋城市，是山西省地级市，古称建兴、泽州、泽州府。晋城市位于山西省东南部，晋豫两省接壤处，全境居于晋城盆地，总面积9490平方公里，是山西省东南门户，自古为兵家必争之地，素有“三晋门户、太行首冲”的美誉。 [1] 

晋城市历史悠久，两万年前便留下高都、塔水河、下川等人类遗址。东晋置郡，北魏置州，清置府，是一座千年古城。是女娲补天、愚公移山、禹凿石门、商汤筹雨等神话发源地，诞生了刘羲叟、李俊民、张慎言、王国光、陈廷敬等名人。现有国家重点文保单位66处，包括冶底岱庙、青莲寺、开化寺、程颢书院、柳氏民居、湘峪古堡、天官王府、皇城相府、长平之战遗址、羊头山石窟、中华名山析城山、太行至尊王莽岭等众多名胜古迹和自然遗产。 [2-5] 

晋城市古为煤铁之乡，有“九头十八匠”之称。是战国“阳阿古剑”产地，境内泽州铁器、兰花炭曾名扬海内 。蟒河、历山等保护区，生长有猕猴、大鲵等稀有动物，素有山西"生物资源宝库"之称。 [6-7] 

晋城市是山西省中高档铸件、电力、畜牧业基地。二广、晋侯（阳翼）、陵沁、环城高速与207国道交织成网，太焦、嘉南及侯月铁路贯穿全境，拥有国家森林城市、国家园林城市等多项荣誉。 [8-10] 

/**
 * @字符串转dom
 */

function parseDom(arg) {
    var objE = document.createElement("div");
    objE.innerHTML = arg;　
    return objE.childNodes;
};

  //父类
function Router() {
    this.routes = {};
    this.script = {};
    this.currentUrl = '';
}

//记录路由
Router.prototype.route = function(path,callback) {
    this.routes[path] = callback || function(){};
};

//加载页面动画
Router.prototype.refresh = function() {
   this.currentUrl = location.hash.slice(1) || '/';
   var self=this;
    var len = this.currentUrl.split('/').length;
    var $wrap = document.querySelector('#wrap');
    var $wrapA = document.querySelectorAll('.wrap');

    self.Ajax.get(self.currentUrl, function(data) {
      if(self.currentUrl!=='/'){
          if (len >= Router.len) {
            $wrap.className = "slide-left";
            if ($wrapA[0]) {
                self.Animates($wrapA[0], true);
            }
        } else {
            $wrap.className = "slide-right";
            if ($wrapA[0]) {
                self.Animates($wrapA[0], false)
            }
        }
        for (var i = 0; i < parseDom(data).length; i++) {
            $wrap.appendChild(parseDom(data)[i]);
        }
        setTimeout(function() {
            if (document.querySelector('.aa')) {
                $wrap.removeChild(document.querySelector('.aa'));
            }
        }, 400)
        Router.len = len;
      }else{
        window.location.href='#/home.html'
      }
    });

    if(this.routes[this.currentUrl]){
       this.routes[this.currentUrl]();
    }
};
//监听hash变化
Router.prototype.init = function() {
    window.addEventListener('load', this.refresh.bind(this), false);
    window.addEventListener('hashchange', this.refresh.bind(this), false);
}

//请求页面
Router.prototype.Ajax={
    get: function(url, fn) {
      this.loading();
        var obj = new XMLHttpRequest(); // XMLHttpRequest对象用于在后台与服务器交换数据          
        obj.open('GET', url, true);
        obj.onreadystatechange = function() {
            if (obj.readyState == 4 && obj.status == 200 || obj.status == 304) { // readyState==4说明请求已完成
              setTimeout(function(){
               if(document.querySelector('.loadding')){
                 document.body.removeChild(document.querySelector('.loadding'));
               }
              fn.call(this, obj.responseText); //从服务器获得数据
              },1000)              
            }else if(obj.readyState == 4 && obj.status == 404){
              fn.call(this, false)
            }

        };
        obj.send(null);
    },
    loading:function(){
      var $div='<div class="loadding"></div>';
      var $el=parseDom($div);
      if(!document.querySelector('.loadding')){
        document.body.appendChild($el[0]);
      }
      
    }
}
/**
 * @页面切换动画
 */
Router.prototype.Animates=function(el, flag) {
    if (flag) {
        el.style.cssText = '-webkit-animation: fadeOut 1s;' +
            '-o-animation: fadeOut 1s;' +
            'animation: fadeOut 1s;' +
            'animation-iteration-count: 1;' +
            '-webkit-animation-iteration-count: 1;'
    } else {
        el.style.cssText = '-webkit-animation: fadeOutR 1s;' +
            '-o-animation: fadeOutR 1s;' +
            'animation: fadeOutR 1s;' +
            'animation-iteration-count: 1;' +
            '-webkit-animation-iteration-count: 1;'

    }
    el.className = 'aa';
}

/**
 * @加载脚本
 */
Router.prototype.LoadJS=function(file,transition){
  if(document.querySelector('.script')){
    document.body.removeChild(document.querySelector('.script'));
  }
       var self = this;
         var _body= document.getElementsByTagName('body')[0];
             var scriptEle= document.createElement('script');
             scriptEle.className="script";
             scriptEle.type= 'text/javascript';
             scriptEle.src= file;
             scriptEle.async = true;
             SPA_RESOLVE_INIT = null;
             //避免重复脚本
             if(scriptEle.src in this.script){
              return;
             }
             _body.appendChild(scriptEle);
             this.script[scriptEle.src]=file;
    }
 
window.Router = new Router();
window.Router.init();

//路由加载js
window.Router.route('/log/loglist.html',function(){
  window.Router.LoadJS('js/loglist.js');
});
window.Router.route('/home.html',function(){
  window.Router.LoadJS('js/home.js');
});

晋城网站优化【晋城开通400电话】晋城网站搭建、晋城微信公众号推文外包、晋城开通京东拼多多设计、晋城淘宝装修

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）