首页 > 想模拟一个跳转到新页面并触发新页面的事件(比如click)

想模拟一个跳转到新页面并触发新页面的事件(比如click)

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

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

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


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

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


a页面:

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

b页面:

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

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

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

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

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

在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()
    }
}
【热门文章】
【热门文章】