通过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 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
May 24 Javascript
ionic2自定义cordova插件开发以及使用(Android)
Jun 19 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 jQuery
JS如何操作DOM基于表格动态展示数据
Oct 15 Javascript
如何在Express4.x中愉快地使用async的方法
Nov 18 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
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
一个简单php扩展介绍与开发教程
2010/08/19 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
深入理解PHP+Mysql分布式事务与解决方案
2020/12/03 PHP
JS之小练习代码
2008/10/12 Javascript
jqgrid 简单学习笔记
2011/05/03 Javascript
解析瀑布流布局:JS+绝对定位的实现
2013/05/08 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
2013/12/10 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
jquery使用remove()方法删除指定class子元素
2015/03/26 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
三个js循环的关键字示例(for与while)
2016/02/16 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
2017/03/04 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
vue-model实现简易计算器
2020/08/17 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
2020/11/16 Javascript
介绍Python中的fabs()方法的使用
2015/05/14 Python
python的pytest框架之命令行参数详解(下)
2019/06/27 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
乔丹诺(Giordano)酒庄德国官网:找到最好的意大利葡萄酒
2017/12/28 全球购物
Camper鞋西班牙官方网上商店:西班牙马略卡岛的鞋类品牌
2019/03/14 全球购物
党员培训思想汇报
2014/01/07 职场文书
办公室主任职责范本
2014/03/07 职场文书
《桥》教学反思
2014/04/09 职场文书
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
给老婆的保证书
2015/01/16 职场文书
心灵点滴观后感
2015/06/02 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript