通过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中判断原生函数检查function是否是原生代码
Sep 09 Javascript
node.js实现BigPipe详解
Dec 05 Javascript
浅谈JavaScript函数节流
Dec 09 Javascript
JavaScript实现列表分页功能特效
May 15 Javascript
全面解析Bootstrap表单使用方法(表单控件)
Nov 24 Javascript
前端微信支付js代码
Jul 25 Javascript
浅谈js中StringBuffer类的实现方法及使用
Sep 02 Javascript
第一次动手实现bootstrap table分页效果
Sep 22 Javascript
浅谈Angular路由守卫
Aug 26 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
Angular6 写一个简单的Select组件示例
Aug 20 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
php SQL防注入代码集合
2008/04/25 PHP
PHP Google的translate API代码
2008/12/10 PHP
php compact 通过变量创建数组
2016/11/15 PHP
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
AngularJS自定义服务与fliter的混合使用
2016/11/24 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
2017/02/21 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
跨域解决之JSONP和CORS的详细介绍
2018/11/21 Javascript
vue中实现点击变成全屏的多种方法
2020/09/27 Javascript
python 判断自定义对象类型
2009/03/21 Python
python生成器generator用法实例分析
2015/06/04 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
使paramiko库执行命令时在给定的时间强制退出功能的实现
2021/03/03 Python
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
机电专业大学生求职信
2013/10/04 职场文书
应用数学自荐书范文
2013/11/24 职场文书
后勤主管工作职责
2013/12/07 职场文书
竞选班长演讲稿
2013/12/30 职场文书
教师考核材料
2014/05/21 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
学习党章的体会
2014/11/07 职场文书
英语邀请函范文
2015/02/02 职场文书
优秀英文求职信范文
2015/03/19 职场文书
2015年推广普通话演讲稿
2015/03/20 职场文书
舞蹈社团活动总结
2015/05/07 职场文书
个人求职意向书
2015/05/11 职场文书
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android
Python函数式编程中itertools模块详解
2021/09/15 Python
Python面向对象编程之类的概念
2021/11/01 Python
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers