1:name和id得到frame对象的区别
name属性得到的是frame框架里的页面的WINDOW对象,
id属性得到的即是frame标签。
例:我们可以用name属性得到frame所连接页面的WINDOW对象
var iframeWindow = window.frames[index或frameName];
或
var iframeWindow = window.frameName;
这两种方式IE、FireFox都支持!
但是iframeWindow这个对象无法得到frame标签的attribute,例如:我们想找到frame标签的src属性的值,通过下面的方式,是错误的!
alert(iframeWindow.src); //这是得不到的
在这个时候,我们只能通过id属性去得到frame标签对象。
alert(document.getElementById("frameName").src); //这是正确的
2:父级、子级之间的数据、方法调用。
在父级窗口,我们可以用iframeWindow直接去访问子页面的method和attribute。
例:
alert(iframeWindow.document.getElementById("df").innerHTML);
alert(iframeWindow.childAlter());
在子级窗口,我们可以用parent直接去访问 父页面的method和attribute。
例:
alert(parent.parentAlert());
3:完整的例子如下:
Parent页面:index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<script type="text/javascript">
function changeSrc()
{
//-------window.frames[]方法得到子页面window对象--------
var iframeWindow = window.frames[0];
//= window.frames["myframe"];
//-------window.frameName方法得到子页面window对象-------
var iframeWindow = window.myframe;
//--------访问子页面对象、方法-------------
alert(iframeWindow.document.getElementById("df").innerHTML);
iframeWindow.childAlert();
//-------window.document.getElementById()得到标签对象---
var iframeWindow = window.document.getElementById("myframe");
alert(iframeWindow.src);
}
function parentAlert()
{
alert("i'm parent!");
}
</script>
</head>
<body>
下面是iframe
<iframe id="myframe" name="myframe" src="child.jsp" frameborder="0"></iframe>
<br />
<input type="button" value="连接页面" onclick="javascript:changeSrc();" />
</body>
</html>
Child页面:child.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'child.jsp' starting page</title>
<script type="text/javascript" >
function childAlert()
{
alert("i'm children");
parent.parentAlert();//父页面方法
}
</script>
</head>
<body>
<div id="df">Wo shi childDIV. </div>
</body>
</html>
分享到:
相关推荐
在ModalDialog中操作父窗口对象 1、不能使用window.parent Window.parent是用来在frame中进行操作的,在对话框中不能用来操作父窗口对象 2、正确的做法 调用modaldialog时通过传参数的方式操作 例: 需求 父窗口页面...
如上所示,Window1继承自NavigationWindow,那么显然抓住Navigating事件不放,做如下操作: 1. 取消当前Navigate请求,如果有当前页的前提下。 2. 淡出当前页,如果有当前页的前提下。 3. 完成淡出过程后Navigate到...
PB智能开发框架源码 1 配置文件 5 1.1 [Database]: 5 1.2 [Theme]: 5 1.3 [data]: 5 1.4 [Language]: 5 2 程序设置: 5 2.1 模块程序: 5 Pbx_main.pbl 5 Pbx_template.pbl 5 ...10 联系方式 35
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName 44.parent代表父亲对象,top代表最顶端对象 45.打开子窗口的父窗口为:opener 46.表示当前所属...
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName 44.parent代表父亲对象,top代表最顶端对象 45.打开子窗口的父窗口为:opener 46.表示当前所属...
opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,...那么在b.html中,就可以通过window.opener(省略写为opener)来引用a.html,包括a.html的document等对象,操作
一、应用场景 父页面 a.jsp 子页面 b.jsp,作为a页面中嵌入的iframe指向的页面 复制代码代码如下: <...复制代码代码如下: function refresh(){ var frame = window.parent.document.getElementByI
在客户端编程语言中如javascript,...window 对象的name属性是一个很特别的属性,当在 frame 中加载新页面时,name 的属性值依旧保持不变。那么我们可以在页面 A中用iframe加载其他域的页面B,而页面B中用JavaScript把
Document Template的意义 Scribble的Document/View设计 主窗口的诞生 工具栏和状态栏的诞生(Toolbar&Status bar) 鼠标拖放(Drag and Drop) 消息映射(Message Map) 标准菜单File/Edit/View/Window/Help 对话框...
标准菜单File/Edit/View/Window/Help 对话框 改用CEditView 第四篇 深入MFC程序设计 第8章 Document-View深入探讨 为什么需要Document-View(形而上) Document View Document Frame(View Frame) Document ...
标准菜单File/Edit/View/Window/Help 对话框 改用CEditView 第四篇 深入MFC程序设计 第8章 Document-View深入探讨 为什么需要Document-View(形而上) Document View Document Frame(View Frame) Document ...
1、jquery操作iframe中的元素(2种方式) var tha = $(window.frames[core_content].document).find(#trewuuu).html(); var thb = $(#core_content).contents().find(#trewuuu).html(); 2、操作父界面中的元素...
推介会AKETooltip 易于使用,工作方式类似于 UIPopover。 根据里面的内容视图动态计算自己的frame。 根据锚点对齐箭头和内容视图以满足最佳用户体验。 构造函数需要三个参数来初始化。 contentView要在工具提示中...
7.3.1 创建RegExp对象实例的两种方式 7.3.2 RegExp对象的属性 7.3.3 RegExp对象的方法 7.4 String对象中与正则表达式有关的方法 第8章 高级DoM技术 8.1 CSS样式 8.1.1 CSS语法 8.1.2 CSS属性 8.2 样式...
NEAT 开 发 指南 文档 适用于 PT80 系列 移动数据终端 版本记录 版本号 版本描述 发布日期 V 1.0 初始版本。 2012-04-12 V1.1 修改前三章内容 2012-09-25 目录 第一章 关于本手册.....................................
Fullscreen Opener 在新窗口中以全屏幕方式打开页面 close onblur 光标移出窗口时自动关闭该窗口 CSS on resolution 根据不同的分辨率调入相应的外部css文件 Css on platform 根据不同的操作系统调入相应的外部...
標準選單 File/Edit/View/Window/Help / 446 對話盒/ 449 改用CEditView / 450 第㆕篇 深入 MFC 程式設計/ 453 第8章 Document-View 深入探討/ 455 為什麼需要 Document-View(形而㆖)/ 455 Document / 457 View /...
5.1 Window对象 96 5.1.1 常用属性和方法 97 5.1.2 多窗口控制 100 5.2 Screen对象 103 5.3 Navigator对象 105 5.4 Location对象 107 5.4.1 常用属性和方法 107 5.4.2 Location对象的应用实例 109 5.5 History对象 ...
Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...
[优化]gridRows和Total字段名可配置,提交给服务器的参数可配置,所有与用户操作交互的地方(如上一页、下一页)都加上事件 [优化]插件执行直接返回ligerGrid Manager(其他用到接口管理对象的插件都类同) 树 [优化...