我可以将空表单模板缓存为浏览器中的第二页吗？

Question

我可以将空表单模板缓存为浏览器缓存中的第二页 这样，当您单击第一页上的“创建事件”按钮时，它会立即显示 打开空表单模板，无需下载模板 来自服务器，因为它被缓存。

就像Google日历中的CREATE EVENT按钮一样;让你在日历和新的事件表单模板之间切换。

Answer 1

好吧，您可以使用Javascript在调用相应的操作时从头开始构建新页面（可能非常繁琐），或者您可以使用HTML页面的不可见部分（例如，单独的<div>） （style = display: none）并通过将其类更改为可见样式并使原始页面不可见（将其样式更改为display: none）使其可见。

Answer 2

实现此目的的一种方法是将第二个视图加载到隐藏容器中。您可以使用简单的CSS显示属性切换来隐藏它，如下所示：

<div id="mySecondView" style="display: none;">
  <!-- content of second view here -->
</div>

点击按钮即可取消隐藏：

使用jQuery：

$('#mySecondView').show();

或

$('#mySecondView').fadeIn();

没有jQuery：

document.getElementById('mySecondView').style.display = '';

当然，您必须根据需要通过CSS定位第二个视图，否则它只会弹出一些不合理的奇怪地方。