通过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 cookies操作集合
Apr 12 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
Javascript核心读书有感之词法结构
Feb 01 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
Aug 31 Javascript
跟我学习javascript的this关键字
May 28 Javascript
jQuery中DOM节点删除之empty与remove
Jan 20 Javascript
详解JS数据类型的值拷贝函数(深拷贝)
Jul 13 Javascript
vue 限制input只能输入正数的操作
Aug 05 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 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
SWFUpload与CI不能正确上传识别文件MIME类型解决方法分享
2011/04/18 PHP
php操作redis缓存方法分享
2015/06/03 PHP
php给图片加文字水印
2015/07/31 PHP
Yii实现简单分页的方法
2016/04/29 PHP
Yii框架安装简明教程
2020/05/15 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
javascript new 需不需要继续使用
2009/07/02 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
JavaScript操作Cookie详解
2015/02/28 Javascript
原生JS获取元素集合的子元素宽度实例
2016/12/14 Javascript
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
浅谈Vue的加载顺序探讨
2017/10/25 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
JS出现404错误原理及解决方案
2020/07/01 Javascript
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
python黑魔法之编码转换
2016/01/25 Python
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
python机器学习理论与实战(二)决策树
2018/01/19 Python
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
python3 enum模块的应用实例详解
2019/08/12 Python
如何通过python实现全排列
2020/02/11 Python
聊聊python中的循环遍历
2020/09/07 Python
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
学生党员的自我评价范文
2014/03/01 职场文书
活动总结模板
2014/05/09 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
负责人任命书范本
2014/06/04 职场文书
经营理念口号
2014/06/21 职场文书
经理岗位职责
2015/02/02 职场文书
多人股份制合作协议书
2016/03/19 职场文书
nginx中proxy_pass各种用法详解
2021/11/07 Servers
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle