通过url查找a元素并点击


Posted in Javascript onApril 09, 2014

举例说明之前的一个项目:添加学生的时候,没有班级数据。需要自动跳转到班级展示页面。

问题:学生,班级等数据 是放到iframe里面的jsp. 学生管理的按钮是在main.html上的菜单栏中。

解决方法:

通过id查找父窗体的 班级管理<a>标签,并点击

$(window.parent.document).find("#folder_12").click();

后来菜单栏换成动态的了,菜单id自然也就是动态的了。

想要的是通过 url获取<a>,并点击。

<a id="folder_14" onClick="removeTopMenuCss();switchFolder(this.id);changeContent('classManager/classList.do',this);" onFocus="this.blur()" href="javascript:void(0);" target="mainFrame">班级管理</a>

要获取的就是 onClick方法的 changeContent(‘url参数')

直接看代码:

//console.info( $(window.parent.document).find("a") ); 
$(window.parent.document).find("#OutFolder a").each(function (index, domEle) { 
//var s = $(domEle).attr("onclick")+""; 
//var start = s.indexOf (''classManager/classList.do'); 
var str = domEle.attributes.onclick.value;//利用js获取onclick属性值,搜索url 
var start = str.indexOf (''classManager/classList.do'); 
if(start>0){ 
$(domEle).click(); 
} 
});

总结:原来一直使用jquery找方法,获取onclick属性,用indexOf总报错,加上"" 空格转化为string就行了
Javascript 相关文章推荐
input 和 textarea 输入框最大文字限制的jquery插件
Oct 27 Javascript
浅谈jquery事件处理
Apr 24 Javascript
javascript实现的图片切割多块效果实例
May 07 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
Feb 25 Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 Javascript
详解Angular 4 表单快速入门
Jun 05 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
Apr 09 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
Vue数据绑定实例写法
Aug 06 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 Javascript
Vue监视数据的原理详解
Feb 24 Vue.js
js数组方法扩展实现数组统计函数
Apr 09 #Javascript
jquery实现pager控件示例
Apr 09 #Javascript
模拟用户点击弹出新页面不会被浏览器拦截
Apr 08 #Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
Apr 08 #Javascript
js定时调用方法成功后并停止调用示例
Apr 08 #Javascript
jquery选择器使用详解
Apr 08 #Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 #Javascript
You might like
PHP 向右侧拉菜单实现代码,测试使用中
2009/11/03 PHP
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
php的一个简单加密解密代码
2014/01/14 PHP
php写的AES加密解密类分享
2014/06/20 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
PHP Trait代码复用类与多继承实现方法详解
2019/06/17 PHP
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
2015/04/16 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
2017/03/10 Javascript
详解AngularJS controller调用factory
2017/05/19 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
RxJS的入门指引和初步应用
2019/06/15 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
Python切换pip安装源的方法详解
2016/11/18 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
python3字符串操作总结
2019/07/24 Python
python+Django实现防止SQL注入的办法
2019/10/31 Python
tensorflow 查看梯度方式
2020/02/04 Python
罗马尼亚在线杂货店:Pilulka.ro
2019/09/28 全球购物
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
优秀毕业生求职信范文
2014/01/02 职场文书
小学生防溺水广播稿
2014/01/12 职场文书
数学国培研修感言
2014/02/13 职场文书
元旦文艺汇演主持词
2014/03/26 职场文书
考博专家推荐信
2014/05/10 职场文书
财务人员担保书
2014/05/13 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
管理人员岗位职责
2015/02/14 职场文书