通过url查找a元素应用案例


Posted in Javascript onApril 29, 2014

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

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

mian页面菜单

班级管理:

学生管理:

iframe中的jsp不断变化。

解决方法:

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

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

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

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

<a id="folder_14" onClick="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 动态设置已知select的option的value值的代码
Dec 16 Javascript
javascript避免数字计算精度误差的方法详解
Mar 05 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
AngularJS递归指令实现Tree View效果示例
Nov 07 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
详解angularjs实现echart图表效果最简洁教程
Nov 29 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
vue.js 实现点击按钮动态添加li的方法
Sep 07 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
jquery实现的图片点击滚动效果
Apr 29 #Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
Apr 29 #Javascript
jquery xMarquee实现文字水平无缝滚动效果
Apr 29 #Javascript
jquery form 隐藏的input 选择
Apr 29 #Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
Apr 29 #Javascript
window resize和scroll事件的基本优化思路
Apr 29 #Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 #Javascript
You might like
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
Laravel模糊查询区分大小写的实例
2019/09/29 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
Ajax::prototype 源码解读
2007/01/22 Javascript
javascript知识点收藏
2007/02/22 Javascript
js判断FCKeditor内容是否为空的两种形式
2013/05/14 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
js编码、解码函数介绍及其使用示例
2013/09/05 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
2014/12/13 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
如何实现一个webpack模块解析器
2018/10/24 Javascript
vue.draggable实现表格拖拽排序效果
2018/12/01 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
vue 插件的方法代码详解
2019/06/06 Javascript
24个ES6方法解决JS实际开发问题(小结)
2020/05/31 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
Python实现去除代码前行号的方法
2015/03/10 Python
python使用PythonMagick将jpg图片转换成ico图片的方法
2015/03/26 Python
Python单链表简单实现代码
2016/04/27 Python
Python实现一个简单的验证码程序
2017/11/03 Python
解决python中导入win32com.client出错的问题
2019/07/26 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
使用HTML5原生对话框元素并轻松创建模态框组件
2019/03/06 HTML / CSS
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
学校介绍信范文
2014/01/14 职场文书
出生证明公证书
2014/04/09 职场文书
篮球社团活动总结
2014/06/27 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
前台岗位职责范本
2015/04/16 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
优秀毕业生主要事迹材料
2015/11/04 职场文书