如何在页面重定向和后退点击上保留列表视图图标

Question

我有一个用 html、css、javascript 编写的页面，它有两个图标（即平铺视图和列表视图）。

一旦从“平铺视图”切换到“列表视图”，我在列表视图的网格中显示记录并单击任何行，它正在重定向到其他页面但是当单击重定向页面中的后退按钮时，它是回到网格很好，但我的图标现在变成了平铺视图，图标应该是“列表视图”。

这是代码片段：

<div id ="btnGrid" class="buttons">
           <i onclick="toggleView(this)" class="fa fa-th-large" aria-hidden="true"></i>
        </div>


<script> function toggleView(x) {
      x.classList.toggle("fa-bars");
      toggleGridToListView();
      sessionStorage["TemplateView"] === "TileView";
      
  }

  function toggleGridToListView() {
      if ($("#list-view").hasClass("d-none")) {
          $("#list-view").removeClass("d-none");
          $("#tile-view").addClass("d-none");
          func();
          sessionStorage["TemplateView"] = "ListView";
      }
      else if ($("#tile-view").hasClass("d-none")) {
          $("#list-view").addClass("d-none");
          $("#tile-view").removeClass("d-none");
          sessionStorage["TemplateView"] = "TileView";
      }
   function func() {
      // Code for showing records in page.
      }
  }</script>