通过url查找a元素应用案例
更新时间：2014年04月29日 16:18:54 作者：
这篇文章主要介绍了通过url查找a元素的实现思路，解决一些比较实际的问题，感兴趣的朋友可以参考下
举例说明之前的一个项目：添加学生的时候，没有班级数据。需要自动跳转到班级展示页面。
问题：学生，班级等数据 是放到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就行了
相关文章
本文主要介绍使用javacript获取当前屏幕大小的方法，需要的朋友可以参考下。2016-06-06
最近公司和第三方材料供应商对接开发了物资集采平台,其中有个功能需求需要展示数百张材料信息图片,有时页面会出现卡顿的情况,并使用了图片懒加载的方式进行了优化,下面把方法分享给大家一起学习,感兴趣的小伙伴跟着小编一起来看看吧2024-12-12
这篇文章主要给大家介绍了关于JavaScript获取网页的宽高及如何兼容的相关资料，主要介绍了三个方式，分别是window.innerWidth / window.innerHeight、document.documentElement.clientWidth以及混杂模式/怪异模式 下的宽高的获取，需要的朋友可以参考下2021-05-05
javascript基于prototype实现类似OOP继承的方法
这篇文章主要介绍了javascript基于prototype实现类似OOP继承的方法,实例分析了JavaScript使用prototype实现面向对象程序设计的中类继承的相关技巧,需要的朋友可以参考下2015-12-12
下面小编就为大家带来一篇浅谈js中的延迟执行和定时执行。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了js 图片懒加载的实现，帮助大家更好的优化自身网页，提高网页响应速度，感兴趣的朋友可以了解下2020-10-10
这篇文章主要为大家详细介绍了js日期插件dateHelp获取本月、三个月、今年的日期，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要介绍了JS解惑之Object中的key是有序的么，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
这篇文章主要为大家详细介绍了如何利用JavaScript模拟实现Excel条件格式中的色阶效果，文中的示例代码讲解详细，感兴趣的小伙伴可以尝试一下2023-05-05
alert弹出框出现乱码的情况，想必大家都有遇到过吧，其实解决方法很简单设置charset=utf-8在试试，看看是不是好了2013-09-09
最新评论