在页面刷新时将div和内部元素保持在相同的状态/位置等

Question

我有一个使用angular.js构建的简单音乐播放器我​​正在寻找一个简单的JS解决方案，只需保留我的div .musicPlayer的先前状态/位置等，当页面刷新时它是内部内容在浏览器中。

我尝试过以下但是在我的情况下没有用...

<script>
// Before refreshing the page, save the form data to sessionStorage
window.onbeforeunload = function() {
    sessionStorage.setItem("musicBox", $('.musicBox').val());
    sessionStorage.setItem("player", $('.player').val());
    sessionStorage.setItem("seekBase", $('.seekBase').val());
}
</script>