手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >通过url查找a元素应用案例
通过url查找a元素应用案例
摘要:举例说明之前的一个项目:添加学生的时候,没有班级数据。需要自动跳转到班级展示页面。问题:学生,班级等数据是放到iframe里面的jsp.学生...

举例说明之前的一个项目:添加学生的时候,没有班级数据。需要自动跳转到班级展示页面。

问题:学生,班级等数据 是放到iframe里面的jsp. 学生管理的按钮是在main.html上的菜单栏中。

mian页面菜单

班级管理:

学生管理:

iframe中的jsp不断变化。

解决方法:

学生管理jsp中,通过id查找父窗体的 班级管理<a>标签,并点击

复制代码 代码如下:

$(window.parent.document).find("#folder_12").click();

后来菜单栏换成动态的了,菜单id自然也就是动态的了。

想要的是通过 url获取<a>,并点击。

复制代码 代码如下:

<a id="folder_14" 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就行了

【通过url查找a元素应用案例】相关文章:

JQuery中属性过滤选择器用法

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

文本加密解密

简单实用的网页表格特效

Div+CSS+JS树型菜单,可刷新

鼠标图片振动代码

jQuery插件制作之全局函数用法实例

使用node+vue.js实现SPA应用

JavaScript函数使用的基本教程

javascript删除元素节点removeChild()用法实例

精品推荐
分类导航