通过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 相关文章推荐
js中各浏览器中鼠标按键值的差异
Apr 07 Javascript
JavaScript设计模式之外观模式实例
Oct 10 Javascript
jQuery中:not选择器用法实例
Dec 30 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
Jun 25 Javascript
Javascript实现的简单右键菜单类
Sep 23 Javascript
Javascript刷新窗口方法小结
Oct 21 Javascript
详解JavaScript基本类型和引用类型
Dec 09 Javascript
基于JQuery及AJAX实现名人名言随机生成器
Feb 10 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
小程序:授权、登录、session_key、unionId的详解
May 15 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
ES6新增的数组知识实例小结
May 23 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
德生1994机评
2021/03/02 无线电
说明的比较细的php 正则学习实例
2008/07/30 PHP
利用switch语句进行多选一判断的实例代码
2016/11/14 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
javascript校验价格合法性实例(必须输入2位小数)
2014/05/05 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
JavaScript面向对象之私有静态变量实例分析
2016/01/14 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
2017/03/17 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
2018/01/26 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
layui radio点击事件实现input显示和隐藏的例子
2019/09/02 Javascript
vue 获取url参数、get参数返回数组的操作
2020/11/12 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
python dict remove数组删除(del,pop)
2013/03/24 Python
python使用socket向客户端发送数据的方法
2015/04/29 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
Python 实现日志同时输出到屏幕和文件
2020/02/19 Python
小 200 行 Python 代码制作一个换脸程序
2020/05/12 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
matplotlib交互式数据光标mpldatacursor的实现
2021/02/03 Python
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
房产公证书范本
2014/04/10 职场文书
怀念母亲教学反思
2014/04/28 职场文书
党的群众路线教育实践活动整改方案
2014/10/28 职场文书
2014年检验员工作总结
2014/11/19 职场文书
2014年减负工作总结
2014/12/10 职场文书
对外汉语教师推荐信
2015/03/27 职场文书
民事上诉状范文
2015/05/22 职场文书