通过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 相关文章推荐
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 Javascript
Jquery中dialog属性小记
Sep 03 Javascript
js如何获取object类型里的键值
Feb 18 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 Javascript
js实现Form栏显示全格式时间时钟效果代码
Aug 19 Javascript
JavaScript必看小技巧(必看)
Jun 07 Javascript
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
Oct 26 Javascript
vue.js 2.0实现简单分页效果
Jul 29 Javascript
javascript实现抢购倒计时程序
Aug 26 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 Javascript
JavaScript实现简单随机点名器
Nov 21 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
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
php 获取本地IP代码
2013/06/23 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
php微信支付之APP支付方法
2015/03/04 PHP
微信自定义菜单的创建/查询/取消php示例代码
2016/08/05 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
为jQuery.Treeview添加右键菜单的实现代码
2010/10/22 Javascript
nodejs实现遍历文件夹并统计文件大小
2015/05/28 NodeJs
理解javascript对象继承
2016/04/17 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
Node.js连接MongoDB数据库产生的问题
2017/02/08 Javascript
原生JS实现简单放大镜效果
2017/02/08 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
vuejs实现递归树型菜单组件
2018/01/13 Javascript
vue移动端实现红包雨效果
2020/06/23 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
elementUI select组件value值注意事项详解
2019/05/29 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
Python如何实现守护进程的方法示例
2017/02/08 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
小学门卫岗位职责
2013/12/17 职场文书
生物制药专业求职信
2014/03/11 职场文书
婚礼司仪主持词
2014/03/14 职场文书
带病坚持工作事迹
2014/05/03 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电
海弦WR-800F
2022/04/05 无线电