通过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 相关文章推荐
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
JS实现三个层重叠点击互相切换的方法
Oct 06 Javascript
基于Jquery插件实现跨域异步上传文件功能
Apr 26 Javascript
Backbone中View之间传值的学习心得
Aug 09 Javascript
轻松理解Javascript变量的相关问题
Jan 20 Javascript
js 作用域和变量详解
Feb 16 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
JS监听组合按键思路及实现过程
Apr 17 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
php5.5中类级别的常量使用介绍
2013/10/02 PHP
Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
2014/06/22 PHP
smarty中post用法实例
2014/11/28 PHP
php经典算法集锦
2015/11/14 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
javascript内置对象arguments详解
2014/03/16 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
2016/11/29 Javascript
微信小程序引用公共js里的方法的实例详解
2017/08/17 Javascript
vue 自定义全局方法,在组件里面的使用介绍
2018/02/28 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
JavaScript数组去重实现方法小结
2020/01/17 Javascript
[00:57]辉夜杯战队访谈宣传片—VG
2015/12/25 DOTA
python中__call__方法示例分析
2014/10/11 Python
让 python 命令行也可以自动补全
2014/11/30 Python
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
django框架使用方法详解
2019/07/18 Python
解决pytorch GPU 计算过程中出现内存耗尽的问题
2019/08/19 Python
python 穷举指定长度的密码例子
2020/04/02 Python
python两个list[]相加的实现方法
2020/09/23 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
报关专员求职信范文
2014/02/22 职场文书
合同意向书范本
2014/07/30 职场文书
工会工作先进事迹
2014/08/18 职场文书
学校师德师风整改措施
2014/10/27 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书