通过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 相关文章推荐
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 Javascript
地址栏传递中文参数乱码在js里用escape转码
Aug 28 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
js图片模糊切换显示特效的方法
Feb 17 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
Mar 01 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
基于elementUI实现图片预览组件的示例代码
Mar 31 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
Sep 06 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 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
15个小时----从修改程序到自己些程序
2006/10/09 PHP
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
PHP 命名空间实例说明
2011/01/27 PHP
php格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
ThinkPHP3.2框架使用addAll()批量插入数据的方法
2017/03/16 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
Prototype1.6 JS 官方下载地址
2007/11/30 Javascript
picChange 图片切换特效的函数代码
2010/05/06 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
Jquery 选中表格一列并对表格排序实现原理
2012/12/15 Javascript
关于Jquery操作Cookie取值错误的解决方法
2013/08/26 Javascript
js获取url参数值的两种方式
2013/09/10 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
关于JavaScript作用域你想知道的一切
2016/02/04 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
2017/06/28 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
2017/07/21 Javascript
vue使用一些外部插件及样式的配置代码
2019/11/18 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
2020/10/18 Javascript
[01:28:31]《加油DOTA》真人秀 第五期
2014/09/01 DOTA
Python中使用动态变量名的方法
2014/05/06 Python
Python中的startswith和endswith函数使用实例
2014/08/25 Python
numpy排序与集合运算用法示例
2017/12/15 Python
简单了解什么是神经网络
2017/12/23 Python
selenium python浏览器多窗口处理代码示例
2018/01/15 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
大学生自我鉴定评语
2014/01/27 职场文书
微信营销策划方案
2014/02/24 职场文书
勤俭节约倡议书
2014/04/14 职场文书
团队精神口号
2014/06/06 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
《只有一个地球》教学反思
2016/02/16 职场文书
Python中requests做接口测试的方法
2021/05/30 Python
漫改真人电影「萌系男友是燃燃的橘色」公开先导视觉图
2022/03/21 日漫