Simple UI-Router

simple-ui-routing.js

// Default Path
var defaultPath = 'home'

// Set Default State
history.pushState(null, null, '#/' + defaultPath);

// Custom UI Routing
function uiRouter(){

  // Create URL Path Array
  if(window.location.hash) {
    var str = window.location.hash;
    var n = str.indexOf('/');
    var result = str.substring(n + 1);
    var pathArray = result.split( '/' );
    route(pathArray);
  } else {
    // go to default page
    history.pushState(null, null, '#/' + defaultPath);
  }

  //Routing Functions
  function route(pathArray){
    switch (pathArray[0]) {
      case "home":
        console.log("on home page!");
        break;
      case "about":
        console.log("on about page!");
        break;
      default:
       history.pushState(null, null, '#/' + defaultPath);
    }
  }
}

window.onpopstate = function (event) {
  if (event.state) {
    // history changed because of pushState/replaceState
    uiRouter();
  } else {
    // history changed because of a page load
    uiRouter();
  }
}