<frameset>框架集中不同<frame>之间的调用【js代码中】

top:永远指分割窗口最高层次的浏览器窗口;parent:包含当前分割窗口的父窗口,本文将围绕js中top、parent、frame进行讲述及他们的应用案例

引用方法top：
该变量永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。

parent：
该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。
附：Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系

Windwo对象→Parent对象→Frame对象→Document对象→Form对象，如下：
parent.frame1.document.forms[0].elements[0].value;
在
JS中：window.location(window.location.href)和
window.top.location(window.top.location.href)是一样的意思
可以通过top来调用任何一个frame,因为top指的是最外层的frameset，可以调用它里面的任何一个子元素frame。
如：top.outterFrame1.location和top.innerFrame2.location等。

parent指的是当前窗口（frame）的父窗口(frameset)可以调用它里面的任何一个子元素frame。如：parent.innerFrame1.location和parent.innerFrame2.location等。

<html>

<head>

<title>top frame parent示例</title>

<script language="javaScript" type="text/javaScript">

window.location.href="http://www.baidu.com/";

</script>

</head>

<frameset id="outFrameset" rows="150,*,150" cols="*" border="">

<frame name="frameName1" id="frameId1" src="a.html">

<frameset id="inFrameset" cols="150,*" rows="*">

<frame name="innerFrameName1" id="innerFrameId1" src="a.html">

<frame name="innerFrameName2" id="innerFrameId2" src="a.html">

</frameset>

<frame name="frameName2" id="frameId2" src="a.html">

</frameset>

</html>

自己的一个示例代码（权限top,left,right页面，在top窗口的页面中获取一个连接地址，让left窗口去请求这个地址，并将响应回来的页面，显示在left窗口中）的一个jsp代码

 //当top页面加载完后，left页面自动显示top第一个一级菜单下的拥有的二级菜单

         $(document).ready(function(){

             //获取遍历出来的第一个超链接的对象

             var firstA=$("#turnto1");

             var ahref=firstA.attr("href");

             //当top页面加载完毕后，left页面自动发送第一个遍历出来的一级菜单的连接地址。

             parent.leftFrame.location.href=ahref;

         });

         </script>

 </head>

 <body style="background:url(<%=request.getContextPath() %>/master/images/topbg.gif) repeat-x;">

     <div class="topleft">

     <a href="<%=request.getContextPath() %>/master/main.jsp" target="_parent"><img src="<%=request.getContextPath() %>/master/images/logo.png" title="系统首页" /></a>

     </div>

     <ul class="nav">

     <c:forEach items="${list }" var="powers" varStatus="vars">

         <li><a  href='<%=request.getContextPath() %>${powers.sysPowerUrl }=${powers.sysPowerId}' id="turnto${vars.count }" target="leftFrame" class="selected"><img src="<%=request.getContextPath() %>/master/images/icon01.png" title="${powers.sysPowerName }" /><h2>${powers.sysPowerName }</h2></a></li>

     </c:forEach>

     </ul>

上面示例的页面框架

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

   <head>

         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

             <title>信息管理系统界面</title>

 <jsp:include page="/master/public/head.jsp"></jsp:include>

 </head>

 <frameset rows="88,*" cols="*" frameborder="no" border="0" framespacing="0">

   <frame src="<%=request.getContextPath() %>/master/sysUser_queryModule.action?powerParentId=0" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />

   <frameset cols="187,*" frameborder="no" border="0" framespacing="0">

     <frame src="<%=request.getContextPath() %>/master/left.jsp" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />

     <frame src="<%=request.getContextPath() %>/master/user/index.jsp" name="rightFrame" id="rightFrame" title="rightFrame" />

   </frameset>

 </frameset>

 <body>

 </body>

 </html>

<frameset>框架集中不同<frame>之间的调用【js代码中】的更多相关文章

在Java中直接调用js代码（转载）
http://blog.csdn.net/xzyxuanyuan/article/details/8062887 JDK1.6版添加了新的ScriptEngine类,允许用户直接执行js代码. 在Ja ...
在Java中直接调用js代码
JDK1.6版添加了新的ScriptEngine类,允许用户直接执行js代码. 在Java中直接调用js代码不能调用浏览器中定义的js函数,会抛出异常提示ReferenceError: “alert ...
Python 调用JS文件中的函数
Python 调用JS文件中的函数 1.安装PyExecJS第三方库 2.导入库:import execjs 3.调用JS文件中的方法 Passwd = execjs.compile(open(r&q ...
ReactMix框架，让你实现一套js代码，基于ReactNative在H5，App都能完美跑起来，Write Once,Run Anywhere
ReactNative框架推出已经有一段时间了,相信很多小伙伴都在尝试实现Write Once, Run Anywhere的梦想,比如淘宝的ReactWeb等等,但是这些框架都局限于因为ReactNa ...
OC 调用JS 代码处理HTML5 实战
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; ...
python 调用js代码
Python2 安装pyv8 pip install-egit://github.com/brokenseal/PyV8-OS-X#egg=pyv8 from pyv8 import PyV8 c ...
<a>标签中的href如何调用js代码
在HTML中,<a>标签的href属性用于指定超链接的目标的URL.在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接 ...
Delphi 中调用JS文件中的方法
unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms ...
java调用js代码
jdk8里使用脚本引擎调用js 1.定义一个js方法: function getRouteInfo(province){ //注意,参数不要带var..在java里执行会报错.. if (provin ...

随机推荐

[.NET开发] C# 合并、拆分PDF文档
在整理文件时,将多个同类型文档合并是实现文档归类的有效方法,也便于文档管理或者文档传输.当然,也可以对一些比较大的文件进行拆分来获取自己想要的部分文档.可以任意地对文档进行合并.拆分无疑为我们了提供极 ...
LeetCode--176--第二高的薪水
问题描述: 编写一个 SQL 查询,获取 Employee 表中第二高的薪水(Salary) . +----+--------+ | Id | Salary | +----+--------+ | 1 ...
20170727xlVBA根据数据表和模板工作簿生成个人明细表工作簿
Sub CreateTables() Dim Wb As Workbook Dim OpenWb As Workbook Dim Sht As Worksheet Dim Rng As Range D ...
luogu P2408 不同子串个数
考虑反向操作,去计算有多少组相同的子串,对于一组大小为k的极大相同子串的集合,ans-=k-1. 为了避免重复计算,需要一种有效的,有顺序的记录方案. 比如说,对于每一个相同组,按其起始点所在的位置排 ...
Leetcode 73
class Solution { public: void setZeroes(vector<vector<int>>& matrix) { vector<vec ...
Oracle 声明常量 (转)
原文地址 Oracle 声明常量常量在声明时赋予初值,并且在运行时不允许重新赋值.使用CONSTANT关键字声明常量. 声明常量 DECLARE pi CONSTANT number :=3.14; ...
linux分析、诊断及调优的必备“杀器”之一
下面分别列出linux分析.诊断及调优时用到的工具,并分别进行说明,以方便自己和其他同学参考学习,禁止转载. 1.top top - 02:06:59 up 4 days, 17:14, 2 user ...
innodb_trx, innodb_locks, innodb_lock_waits
如果两个事务出现相互等待,则会导致死锁,MySQL的innodb_lock_wait_timeout参数设置了等待的时间限制,超时则抛异常. select @@innodb_lock_wait_tim ...
用实例说明Spark stage划分原理
注意:此文的stage划分有错,stage的划分是以shuffle操作作为边界的,可以参考<spark大数据处理技术>第四章page rank例子! 参考:http://litaotao. ...
mahout推荐系统
本章包含以下内容: 首先看一下实战中的推荐系统推荐引擎的精度评价评价一个引擎的准确率和召回率在真实数据集:GroupLens 上评价推荐系统我们每天都会对喜欢的.不喜欢的.甚至不关心的事情有很 ...

<frameset>框架集中不同<frame>之间的调用【js代码中】

<frameset>框架集中不同<frame>之间的调用【js代码中】的更多相关文章

随机推荐

热门专题