javascript - 想模拟一个跳转到新页面并触发新页面的事件（比如click）

Question

你们提的方法都是有效的方法，非常感谢，不过我还是有一个小白的问题，这个功能是为了跳转过来然后模拟点击了头部的某一个selection的option的，达到将下面的订单筛选并显示满足筛选条件的订单。如何能提高用户体验使得订单直接加载满足条件的，或者先加载到筛选这里，然后触发模拟事件，最终显示出筛选的订单list？这个方法是可以后台直接调数据库直接显示，但能不能以我这种思路来实现呢？请大神判断一下可行性~谢谢了

现在有一个a.html页面，单击其中某一个标签跳转到b.html，并触发b.html引用的b.js中的一个单击事件。

请问这样的操作前端工程师应该怎么实现？

---

我想了好久都不知道怎么解决……觉得应该用trigger，但是trigger（）的对象在b.html。怎么使用呢？

/* 最好能用jquery举例，我javascript还在努力学习，但还不到入门阶段……

Answer 1

a页面：

html<a href="b.html?trigger">跳转至B页面</a>

b页面：

javascriptvar trigger = window.location.search.substring(1);    //这里的参数看你需要，这里只是举个例子
if( trigger == 'trigger' ){
    //trigger click
}

Answer 2

在a页面点击的时候用sessionStorage 存取一个键值对，在b页面的onload中获取这个键名，如果值和在a页面存储的值一样，则触发需要的点击事件（模拟点击），触发之后销毁这个键名下的值，防止刷新的时候再次触发点击事件
a.html

<a herf="b.html" id="goToPageB"></a>

a.js

$('#goToPageB').on('click',function() {
     sessionStorage.setItem("from","pageA");
})

b.js

window.onload = function() {
    var from = sessionStorage.getItem("from");
    if(from == 'pageA') {
        //balabala  要触发的点击事件  $('#xxx').click()
        sessionStorage.setItem("from",""); //销毁 from 防止在b页面刷新 依然触发$('#xxx').click()
    }
}

Answer 3

在b.html中监听onload事件或document.ready事件,然后调用b.js中的函数,而这个函数是b.js中定义的某个单击事件绑定的回调函数
=======b.html===========

$(function(){
    $(button).click();
});

============b.js===========
....

function handler(){
}
$(button).on("click",handler);