跳转到新页面并自动触发新页面的(点击或其他)事件

在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()
    }
}

---------------------摘录自蓝色骨头

时间: 2025-01-11 16:51:06

跳转到新页面并自动触发新页面的(点击或其他)事件的相关文章

跳转页面后自动触发一个点击事件

实例: 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html>       <head>           <title>网页打开后,id为target的元素就被点击了</title>       </head>       <script>          function load(){       document.getElementById("target").clic

页面打开自动触发onlick事件

<script type="text/javascript"> // 两秒后模拟点击 setTimeout(function() { // IE if(document.all) { document.getElementById("clickMe").click(); } // 其它浏览器 else { var e = document.createEvent("MouseEvents"); e.initEvent("cl

JSP页面实现自动跳转

1 <html><head><script language=javascript> function out(obj) {  var i = obj;  if (i == 0)   document.location.href = "t.html";  document.body.innerHTML = i;  i--;  setTimeout("out(" + i + ")", 1000); }</s

自动触发事件

今天做一个页面需要自动触发超链接,第一次了解到trigger函数,可以自动触发事件,语法为:$(selector).triggger(event). 例如:$("#btn").triigger("click");也可以简写为$("#btn").click(); 但是对于超链接,我做的时候这两种方式都做不到自动跳转,暂时还不知道为什么,反而用下面的方式实现了: $("a")[0].click(); 在这过程中,学习到了两种自动跳

页面跳转 和虚拟键盘的自动隐藏

前提:起码要有两个视图控制器. 注意事项: 设置跳转的动画效果 UITextField输入时,虚拟键盘的位置设置(整体布局向上移动,虚拟键盘的自动隐藏) 实现的功能: A:在第一个页面跳转到第二个页面,然后第二个页面点击按钮,进行返回 B:在第一个页面有一个text控件,点击一个按钮,传递到第二个页面,然后显示到第二个 页面的label上面: 效果展示: 步骤: 1.新建两个类,然后勾选xib,在AppDelegate的实现文件把其中的一个视图加载进去 //新建一个视图控制器 MainViewC

前端的小玩意(9.4)——做一个仿360工具箱的web页面(自动生成所有图标,对图标添加响应逻辑)

前端的小玩意(9.1)--做一个仿360工具箱的web页面(Tab按钮切换) http://blog.csdn.net/qq20004604/article/details/52216203 前端的小玩意(9.2)--做一个仿360工具箱的web页面(全部工具里面的模板) http://blog.csdn.net/qq20004604/article/details/52226223 前端的小玩意(9.3)--做一个仿360工具箱的web页面(我的工具里的模板和样式) http://blog.c

Android借助Handler,实现ViewPager中页面的自动切换(转)

在很多电商网页及app上都有自动切换的商品的推广快,感觉体验挺不错的,正好今天学习使用ViewPager,因此也实现了一个功能类似的demo. 下面是其中的两个截图:           实现一个自动播放功能的ViewPager,要做的主要有以下的几个部分: 实现一个ViewPagerAdapter,用于为ViewPager提供展示内容(例如上面的两张小猫图片) public class ViewPagerAdapter extends PagerAdapter { private List<V

HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版

昨天看到这篇文章[置顶]开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面 就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版. 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转.结果如下图: 于是上网搜了一下阻止iframe跳转的办法,就是在iframe标签加上 security="r

原生js自动触发事件

熟悉jquery的童鞋都知道在jq中有一个方法可以自动触发事件,那就是trigger(),那么通过原生js又怎么模拟触发呢? js中添加一个主动触发事件的方法有dispatch.该方法能模拟用户行为,如点击(click)操作等. 标准使用dispatchEvent方法,IE6/7/8则使用fireEvent方法. dispatchEvent() 方法给节点分派一个合成事件. 语法如下: dispatchEvent(eventObj) eventObj 参数是一个描述事件的 ActionScrip