javascript - 导航另一个页面时如何继续全屏模式？

Question

我有两个 html 页面，我需要以全屏模式显示它，我已经有了全屏模式的代码，但问题是，当我单击全屏模式时，然后单击链接遍历另一个页面，完整屏幕模式被转义，如何解决？

我需要以下内容:

1.当导航到另一页时，全屏模式继续。 2. 同时，如果我点击正常模式，所有页面都会进入正常模式(反之亦然..)

全屏代码如下

<script type="text/javascript" src="fullscreen/jquery.fullsereen.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.open').click(function() {
                $('body').fullscreen();
            document.getElementById("fulls").style.cssText="display:none";
             document.getElementById("nor").style.cssText="display:show";
                return false;

            });

            $('.exit').click(function() {
                $.fullscreen.exit();
            document.getElementById("fulls").style.cssText="display:show";
            document.getElementById("nor").style.cssText="display:none";
                return false;

            });
        });
    </script>

请给个建议

Answer 1

如果您不想使用任何服务器端技术将数据从一个页面发送到另一个页面，您可以只使用这个 jQuery cookie 插件，它创建可以通过不同页面共享/访问的 cookie

https://github.com/carhartl/jquery-cookie

因此在每个页面的开头，您必须检查 cookie 值并根据该用户最后选择的值设置 View