Javascript 保存活动<；李>；重新加载页面时

我有这个简单的css菜单，它工作正常，但是当页面重新加载时，li class=“active”重置

---

重新加载页面时，如何保存li class=“active”？

请在

cookie

中保存active

li

，并在重新加载页面时将上次保存的li

li

设置为active class>

     <ul>
             <li class="active"><a href="/">Page2</a>
                <ul>
                    <li><a href="/">Page2</a></li>
                    <li><a href="#">Test</a></li>
                    <li><a href="#">Test</a></li>
                </ul>
            </li>
            <li ><a href="Page3.html">Page3</a>
                <ul>
                    <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
                </ul>
            </li>
            <li><a href="page4.html">page 4</a>
                <ul>
                        <li><a href="#">Test</a></li>
                        <li><a href="#">Test</a></li>
                    </ul>
            </li>
</ul>