set active class based on url value

HTML

<div id='test-div'>
  <a href='https://kruxor.com/view/code/tiYPZ/&something-else' class='btn btn-primary'>Button 1</a>
  <a href='https://kruxor.com/view/code/tiYPZ/' class='btn btn-primary'>Button 2</a>
  <a href='https://kruxor.com/view/code/tiYPZ/&something' class='btn btn-primary'>Button 3</a>
</div>

CSS

.active {
  background:#F00;
}

Javascript

window.onload = function() {
    var all_links = document.getElementById("test-div").getElementsByTagName("a"),
        i=0, len=all_links.length,
        full_path = location.href.split('#')[0]; //Ignore hashes?

    // Loop through each link.
    for(; i<len; i++) {
        if(all_links[i].href.split("#")[0] == full_path) {
            all_links[i].className += " active";
        }
    }
    if("https://kruxor.com/" == full_path) {
      // set a default current -- sets the 1st item in the list as active.
      all_links[0].className += " active";
    }
}