使用JavaScript重新加载页面时出现问题

时间:2011-02-27 10:45:04

标签: javascript html

我有2个div,包含三个不同的文本框。

默认情况下,在页面加载时我启用了div1。

如果我点击button2,它将启用第二个div并禁用div1。

现在我刷新页面。默认情况下,它会将div显示为可见,如页面加载。

有没有办法使用脚本将div2及其文本框显示为可见?

2 个答案:

答案 0 :(得分:2)

如果我理解正确,你希望能够记住状态。

有几种方法可以用来达到预期的效果。

  1. <强>缓存
  2. 在页面加载时,您可以检查是否已设置cookie。如果没有,您将默认显示div1。如果已设置cookie,您将隐藏除cookie之外的所有div。

    为了帮助自己并节省一些时间,您可以尝试使用Javascript在线like this ones找到一些操作Cookie的功能。

    1. <强>会话
    2. 这种方法与cookies大致相同,唯一的区别是不是检查是否已设置cookie,而是对PHP脚本进行AJAX调用,这将检查会话是否已设置并发送相应的响应Javascript使用你喜欢的任何格式(即JSON)。

      1. 本地存储空间
      2. 此选项与前两个选项的区别在于所有浏览器都不支持本地存储,因此您必须先检查浏览器支持。如果用户的浏览器不支持本地存储,则必须使用选项1或选项2,除非您找到更多解决方案问题。

        要检查本地存储支持,您可以使用以下代码:

        return ('localstorage' in window) && window['localstorage'] !== null
        

        为了让您熟悉localstorage,您可以在net.tutsplus上观看此short video

答案 1 :(得分:0)

请参阅以下主题以了解更多如何通过javascript切换元素的可见性:

Toggle Visibility - Show/Hide Anything

另见:

.toggle() - jQuery API