下面是一个简单的示例，说明如何：

• 在窗口加载时（即浏览器已经加载了您的页面并准备就绪），它会向滑块附加一个事件，并从会话存储中检索滑块位置（如果存在）。
• 如果更改了该值，它将更新sessionStorage变量。

您需要将其复制到您自己的项目中，因为由于交叉安全性，这个示例可能无法在这里工作。

window.onload = () => {
    const slider1 = document.getElementById('slider1');

    // Attach listener to each slider
    slider1.addEventListener('input',storeSliderPosition);

    //retrieve value from sessionStorage
    if(sessionStorage.slider1) {    //first check if a value exists
      slider1.value = sessionStorage.slider1; //if so then set the value of the slider
      console.log("The stored slider value is: "+sessionStorage.slider1);
    }
  }

  function storeSliderPosition(event) {
    const id = event.target.id;   //get the id of the slider we're using
    sessionStorage[id] =  event.target.value;  //set the session storage value of the slider. Note sessionStorage['slider1'] is the same as sessionStorage.slider1
    console.log(`The slider ${id} has changed and the new value is: ${sessionStorage[id]}`);
  }

<input type="range" min="1" max="100" value="50" id="slider1">