【问题标题】:Execute JavaScript function only once and remember it只执行一次 JavaScript 函数并记住它
【发布时间】:2013-03-27 00:23:12
【问题描述】:

我有这个 JavaScript 函数,我只需要执行一次(当满足某些条件时),然后让 cookie 记住它,并且在 24 小时内不再运行它。

我尝试了这个使用 jquery.cookie.js 插件的脚本,但它不起作用:

var eventsFired = ($.cookie('eventsFired') != null)
? $.cookie('eventsFired')
: 0;

function load() {

  if (eventsFired == 0){

    if (window.frames[0].document.getElementById('applications')) {
      var str=document.getElementById("tst").innerHTML;
      var n=str.replace("Login","Logout");
      document.getElementById("tst").innerHTML=n;
      document.getElementById('tst').title ='logout';
      document.getElementById('tst').href='logout';
      document.getElementById('prt').href='../profile/cont.html';
      eventsFired++;
      $.cookie('eventsFired', eventsFired);
    }
  }
}

本地存储:

function load() {
var eventsFired = localStorage.getItem('fired');

if (eventsFired == '1'){
  if (window.frames[0].document.getElementById('applications'))
{
var str=document.getElementById("tst").innerHTML;
var n=str.replace("Login","Logout");
document.getElementById("tst").innerHTML=n;
document.getElementById('common').href='..css/common2.css';
document.getElementById('tst').title ='logout';
document.getElementById('tst').href='logout';
document.getElementById('prt').href='../profil/cont.html';
  localStorage.setItem('fired', '1');
}
}
}

【问题讨论】:

  • 请描述“不起作用”的含义。你的控制台有错误吗?会发生什么(如果有的话)。您期望发生的事情没有发生,等等。
  • 我希望脚本只运行一次,cookie 会记住第一次执行时所做的更改,即更改父页面上的那些元素。控制台:TypeError:$.cookie 不是函数 [Break On This Error] var eventsFired = ($.cookie('eventsFired') != null)
  • 该错误消息是关键,绝对应该包含在您的问题中。好像您没有正确包含 cookie 库。
  • 本地存储:if(eventsFired != '1')
  • cookie 库现在很好,没有控制台错误,但 cookie 仍然没有保存函数执行后的状态并在每次刷新时运行。

标签: javascript html cookies local-storage


【解决方案1】:

不要使用 cookie:它会在每次请求时发送到服务器。你可以改用local storage

function load() {
  var eventsFired = localStorage.getItem('fired');

  if (eventsFired != '1'){
      doYourStuff();
      localStorage.setItem('fired', '1');
  }
}

【讨论】:

  • 我更新了帖子,我在我的脚本上实现了你的代码,但现在根本不会触发脚本。请检查,我做错了什么?
  • 对不起,有一个错字。请重试。
  • 仍然不工作,功能现在没有触发。也许我没有说清楚:我的功能在注销时更改了登录,一个 css 文件与另一个 css 文件,等等。我需要脚本运行一次以进行更改,将该状态保存在本地存储中(有更改),然后在下一次刷新时脚本将不会运行,但人们会在脚本第一次运行时看到所做的更改。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-05-22
  • 2021-08-24
  • 1970-01-01
  • 1970-01-01
  • 2011-07-12
  • 2018-02-05
相关资源
最近更新 更多