javascript - 发送数据到下一页触发JS中的事件

标签 javascript jquery

我的菜单上有一个链接,可以将用户发送到一个页面,如果他使用该特定链接,则会触发一个操作(它将一个类添加到 div 元素)。

现在我正在使用 php 进行此操作,链接如下:/mypage.php?action=go
在 mypage.php 上,我使用以下命令检查 php: if(isset($_GET['action']) && $_GET['action'] == go) 然后执行 php 代码

但是我想在 JS 等效项中执行此操作,这样我就可以触发 JQuery 操作,而不是 php。我对 JS/JQuery 不太有经验,我怎样才能正确地做到这一点?

脚本 JS 脚本将被触发

$("#div1").toggleClass("class-triggered");

最佳答案

使用sessionStorage在客户端拥有一些有状态的东西:

  • 第一页:sessionStorage.setItem('prop1','value1');

  • 第二页包括:

    var getParamValue=function(param) {
           var v = window.location.search.match(new RegExp('(?:[\?\&]'+param+'=)([^&]+)'));
           return v ? v[1] : null;
       }
    if(sessionStorage.getItem('prop1')==='value1' && getParamValue('action')==='go'){
          //
          $("#div1").toggleClass("class-triggered");
    
     }
    

加载整个页面后不要忘记运行此代码,特别是:#div1

$(()=>{
    //your code here after load page 
    // Thus, code above should be copy/past here
});

关于javascript - 发送数据到下一页触发JS中的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39233014/

相关文章:

Javascript 类构造函数不工作

javascript - 如何查找用于与 USB 设备交互的函数

javascript - 在 AngularJS 中找不到 404

javascript - 如何更改 Chrome 扩展程序的警报对话框标题

jquery - 是否有可能阻止 HTML5 数据属性操作被 jQuery 触发?

javascript - 表格 'submit button' 不会滑动

javascript - 申请:not against a group of element css selectors?的方法

javascript - 我应该明确等待元素在 Protractor 测试中可见吗?

javascript - 当选择其他选择选项时,用变量值更新选择列表?

javascript - Scala 像 JavaScript 对象一样解构