如何使用使用html填充网页的可变网址？

Question

所以我的网页是http://localhost:7777/newdev/art.html，它指向我的html art.html文档。我想使用http://localhost:7777/newdev/data/这样的不同utl访问html。我只是想要一种简单的方法来转到该网址并提取art.html。

我尝试在末尾添加html，还更改了其余服务以寻找http://localhost:7777/newdev/art.html。

$scope.done = function(){
    $scope.major = "";
    $scope.picked = document.getElementsByClassName("math").value + "," + document.getElementsByClassName("Science").value + "," + document.getElementsByClassName("Music").value + "," + document.getElementsByClassName("Art").value+ "," + document.getElementsByClassName("ss").value;
    var url=  'done.html/';
    url+= '?id='+$scope.picked;

    window.open(url);
};  

预期结果：我将转到http://localhost:7777/newdev/data/，它将提取我的html文档。

实际结果：未调用rest服务或html无法打开

要考虑的事情：这不是一个大型网站，它只是用于将保留在我的机器上并且仅在本地运行以供学习的辅助项目。我正在寻找执行此操作的最简单的最基本方法，因此它将为我提供一个从中学到东西的平台。