问如何保存当前URL并通过单击按钮加载它

EN

因此，我目前有以下问题。

我有一个动态图，我可以将各种变量添加到其中，并且根据添加了哪些变量，该图形显然会发生变化。当添加或删除变量时，URL将根据这些变量自动更改，因此我可以获取确切的URL并重新加载它，这将再次显示相同的选定变量。URL不遵循set格式，它将按所选的顺序将变量字面上添加到其末尾。

我的问题是，我希望用户能够在文本框中输入一个名称，然后在'Submit‘上，当前的将与用户指定的名称一起保存(注意:我没有将URL保存到服务器)。然后，这个名称将显示在多个列表中，用户可以在其中选择一个选项，在选择时，应用程序将自动加载与该名称相关的特定URL。

我知道我需要(很可能)以下(伪)逻辑：

savePreset: function() { define url variable when user clicks 'Save' button, Fetch current URL and specified input name save URL }

列出预置，我将使用视图中的数据绑定来显示，然后加载预置，我不太确定如何处理它。

我正在使用Knockout.Js，而且我真的很困惑。我尝试过几种方法来完成这个任务，但是我无法接近我所需要的东西(而且我很确定这是一个简单的解决方案)。

如果有人有这方面的经验，或知道以前的答案，或能帮助我，我将非常感激。

请注意，总的来说，我对JS没有那么强，我对淘汰赛很陌生，所以我还在学习。

编辑

我仍然很难在列表中显示它，并为相关的URL指定输入值。下面是我保存URL的新功能。

        ` setPreset: function() {
      var setCurrentLocation;

        if (!localStorage.setCurrentLocation) {
            setCurrentLocation = [];
        } else {
            setCurrentLocation = JSON.parse(localStorage.setCurrentLocation);
        }
    
        var ourLocation = [document.URL];

        setCurrentLocation.push(ourLocation);

      try {
          localStorage.setCurrentLocation = JSON.stringify(setCurrentLocation);
          console.log("Preset was Saved: " + ourLocation);
          return true;          
      }
      catch (e) {
          if (e == QUOTA_EXCEEDED_ERR) {
              alert("Preset Quota exceeded!");
          }
      }
  },`

我还试图像这样显示“列表”：

And obviously because nothing is saving, therefore nothing is displaying. My view, for this particular bit, is defined as setPreset:函数() { self.setPreset.apply( self )；}，‘var self= this；

我尝试过将它赋值为observableArray，但是代码不起作用。