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>
|
相关推荐
本文实例探讨了JS中FRAME的操作问题,分享给大家供大家参考。具体分析如下: 以上图为例,在这里把frame之间的互相操作简单列为:1变量2方法3页面之间元素的互相获取。 一、 首先从 父(frameABC)——->子(frameA,...
他也是所有对象的顶级对象,通过Window对象的子对象进行操作,可以实现更多的效果。 1、Window对象属性 每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个...
window对象是JavaScript客户层次结构的最顶层对象, form元素和全部JavaScript代码都是存在于文档中,而文档被装载进窗口. 为了理解窗口怎样工作,你可以控制操作这些窗口. 打开和关闭窗口 当用户启动(launch)...
绿色,好用,界面简洁,易操作的绿色视频播放器!
例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作。 3.parentparent用于在iframe,frame中生成的子页面中访问父页面的对象。例如:A...
15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作,但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX...
本文实例讲述了用WebBrowser操作frame和iframe的方法,比较适合C#初学者参考学习。示例浅显易懂,具体方法如下: 1.获取frame的源文件 MessageBox.Show(webBrowser1.Document.Window.Frames[main].Document....
var rpc = RPC ( window , window . parent , origin , { beep : function ( n , cb ) { document . querySelector ( '#n' ) . textContent = n ; cb ( n * 111 ) ; } } ) ; 然后从包含iframe的父页面中进行...
window10 64bit 离线安装 microsoft-windows-netfx3-x64-package.cab 方法: 1. 建立目录,如d:/sources/sxs 2. 然后把该附件放到该目录下,不用解压 3.用管理员的命令行模式执行:dism /online /add-package /...
Tutorial 5: Wrapping a Frame around our Scribble Window Tutorial 6: Customising Window Creation Tutorial 7: Customising the Toolbar Tutorial 8: Loading and Saving Files Tutorial 9: Printing Tutorial ...
Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法...
js操作frame详细解说,window.opener和window.parent的区别 frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用...
selectWindow用来操作多个窗口问题,至于如何操作可参考上面的19条的描述。 selectPopUp:这种情况还没有遇到。 24.selectWindow 中的windowID怎样定位呢? (1)title:就是一个window标题栏中的文本。 (2)...
框架间的互相引用 一个页面中的所有框架以集合的形式作为window对象的属性提供,例如:window.frames就表示该页面内所有框架的集合,这和表单对象、链接对象、图片对象等是类似的,不同的是,这些集合是document的...
DOM方法:父窗口操作IFRAME:window.frames[“iframeSon”].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames[“iframeSon”].document)....
在ModalDialog中操作父窗口对象 1、不能使用window.parent Window.parent是用来在frame中进行操作的,在对话框中不能用来操作父窗口对象 2、正确的做法 调用modaldialog时通过传参数的方式操作 例: 需求 父窗口页面...
如上所示,Window1继承自NavigationWindow,那么显然抓住Navigating事件不放,做如下操作: 1. 取消当前Navigate请求,如果有当前页的前提下。 2. 淡出当前页,如果有当前页的前提下。 3. 完成淡出过程后Navigate到...