首页 技术 正文
技术 2022年11月23日
0 收藏 424 点赞 4,229 浏览 1521 个字

今天做了一个frameset的集合页面,其中有多个iframe页面,其中点击frame=leftMenu里的按钮元素后,需要修改frame=Header页面里的一个div元素属性。

1、主页面架构

<html> <head>

<title></title>

<meta charset=”utf-8″>

<meta name=”viewport” content=” width= device-width, height=device-height,user-scalable=no,initial-scale=1.0″/>

<script type=”text/javascript” src=”<%=basePath %>js/jquery-1.9.1.min.js”></script>

<frameset rows=”104,*,0″  frameborder=”no” border=”0″ framespacing=”0″>

<frame src=”${pageContext.request.contextPath }/loginController/header” name=”Header” frameborder=”0″ scrolling=”NO” noresize marginwidth=”0″ marginheight=”0″>

<frameset cols=”262,*” frameborder=”no” border=”0″ framespacing=”0″>

<frame src=”${pageContext.request.contextPath }/loginController/toLeft” name=”leftMenu”  frameborder=”0″ scrolling=”NO” noresize marginwidth=”0″ marginheight=”0″>

<frame src=”${pageContext.request.contextPath }/loginController/toCenter” name=”middleFrame”  frameborder=”0″ scrolling=”NO” noresize marginwidth=”0″ marginheight=”0″ id=”centerId”>

</frameset>

<frame src=”/” name=”Footer” frameborder=”0″ scrolling=”no” noresize>

</frameset>

<noframes>

</head>

<body>

</body>

</html>

2、javascript代码写在leftMenu页面中

function reQueryMenu(){
 //获取header页面中需要修改的div元素
 var headerMenuDiv=$(parent.frames[‘Header’].document.getElementById(‘helpDiv’));

//获取该div下所有li元素
 var menuLi=headerMenuDiv.find(“li”);

//为第二个li元素添加hover的样式
 menuLi.eq(1).addClass(“hover”);

}

3、主要代码就是parent.frames[‘Header’],这个方法能获取到那么是Header的frame页面,然后可以写任何你想获取的元素了

4、leftMenu页面调用Header页面方法.

leftMenu页面需要调用Header页面的yourFunName()方法时,可以执行以下脚本:

self.parent.frames[“Header”].yourFuncName();

    是不是非常简单呢

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,254
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,692
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,531
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,302
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,942
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,102