通过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 引发两次$(document.ready)事件
Jan 15 Javascript
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
javascript+css3 实现动态按钮菜单特效
Feb 06 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
微信小程序用户信息encryptedData详解
Aug 24 Javascript
tsconfig.json配置详解
May 17 Javascript
Node 搭建一个静态资源服务器的实现
May 20 Javascript
vue不操作dom实现图片轮播的示例代码
Dec 18 Javascript
jQuery实现简易QQ聊天框
Feb 10 jQuery
vscode 插件开发 + vue的操作方法
Jun 05 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 和 MySQL 基础教程(四)
2006/10/09 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
详解PHP中的序列化、反序列化操作
2017/03/21 PHP
jQuery Ajax之load()方法
2009/10/12 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
jquery蒙版控件实现代码
2010/12/08 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
前端面试知识点锦集(JavaScript篇)
2016/12/28 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
详解swipe使用及竖屏页面滚动方法
2018/06/28 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
Python socket编程实例详解
2015/05/27 Python
Python设计模式之命令模式简单示例
2018/01/10 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
Django框架models使用group by详解
2020/03/11 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
三星法国官方网站:Samsung法国
2019/10/31 全球购物
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
中学生学雷锋演讲稿
2014/04/26 职场文书
个人考核材料
2014/05/15 职场文书
2014超市双十一活动策划方案
2014/09/29 职场文书
2014年人事部工作总结
2014/12/03 职场文书
撤诉申请怎么写
2015/05/19 职场文书
2015年党支部书记工作总结
2015/05/21 职场文书
银行培训心得体会范文
2016/01/09 职场文书
检讨书范文
2019/04/16 职场文书
纯html+css实现奥运五环的示例代码
2021/08/02 HTML / CSS
Python实现双向链表
2022/05/25 Python