通过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 剪切板应用clipboardData详细解析
Dec 17 Javascript
在javascript中执行任意html代码的方法示例解读
Dec 25 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
Aug 25 Javascript
谈谈JavaScript异步函数发展历程
Sep 29 Javascript
AngularJs expression详解及简单示例
Sep 01 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
Oct 11 Javascript
vue2.0+webpack环境的构造过程
Nov 08 Javascript
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
解决vue单页面应用中动态修改title问题
Jun 09 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
PHP CURL模拟GET及POST函数代码
2010/04/25 PHP
在smarty中调用php内置函数的方法
2013/02/07 PHP
php获取从百度、谷歌等搜索引擎进入网站关键词的方法
2015/07/08 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
PHP基于SimpleXML生成和解析xml的方法示例
2017/07/17 PHP
PHP attributes()函数讲解
2019/02/03 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
2012/01/15 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
js验证上传图片的方法
2015/05/12 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
2016/11/20 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
超全面的javascript中变量命名规则
2017/02/09 Javascript
JS排序之快速排序详解
2017/04/08 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
2018/05/26 jQuery
node中的cookie的具体使用
2018/09/13 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
2020/09/07 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
初步解析Python中的yield函数的用法
2015/04/03 Python
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
opencv与numpy的图像基本操作
2019/03/08 Python
python文件操作的简单方法总结
2019/11/07 Python
纯css实现照片墙3D效果的示例代码
2017/11/13 HTML / CSS
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
英语专业学子个人的自我评价
2013/10/02 职场文书
三年级小学生评语
2014/04/22 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
六一儿童节致辞
2015/07/31 职场文书
结婚纪念日感言
2015/08/01 职场文书
掌握一个领域知识,高效学习必备方法
2019/08/08 职场文书