通过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 相关文章推荐
JavaScript RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
jquery无刷新验证邮箱地址实现实例
Feb 19 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
AngularJS学习笔记之基本指令(init、repeat)
Jun 16 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
Dec 07 Javascript
干货!教大家如何选择Vue和React
Mar 13 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
JavaScript使用math.js进行精确计算操作示例
Jun 19 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 Javascript
extjs图表绘制之条形图实现方法分析
Mar 06 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
express异步函数异常捕获示例详解
Nov 30 Javascript
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
cakephp常见知识点汇总
2017/02/24 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
Mac下关于PHP环境和扩展的安装详解
2019/10/17 PHP
取键盘键位ASCII码的网页
2007/07/30 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
js实现点击文本框显示日期选择器特效代码分享
2020/05/21 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
react 生命周期实例分析
2020/05/18 Javascript
python之yield表达式学习
2014/09/02 Python
Python3 正在毁灭 Python的原因分析
2014/11/28 Python
python中使用xlrd、xlwt操作excel表格详解
2015/01/29 Python
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
Python通过len函数返回对象长度
2020/10/22 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
学生档案自我鉴定
2013/10/07 职场文书
土木工程专业个人求职信
2013/12/30 职场文书
简单英文演讲稿
2014/01/01 职场文书
简短大学毕业感言
2014/01/18 职场文书
九年级化学教学反思
2014/01/28 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
2015年爱国卫生工作总结
2015/04/22 职场文书
培训讲师开场白
2015/06/01 职场文书
教育教学读书笔记
2015/07/02 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python
MySQL 如何限制一张表的记录数
2021/09/14 MySQL