博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe 子父窗口互掉 js
阅读量:4640 次
发布时间:2019-06-09

本文共 1531 字,大约阅读时间需要 5 分钟。

一、父窗口调用iframe子窗口方法 

1、HTML语法:<iframe name="myFrame" src="child.html"></iframe> 
2、父窗口调用子窗口:myFrame.window.functionName(); 
3、子窗品调用父窗口:parent.functionName(); 
简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 
4、父窗口页面源码: 
复制代码 代码如下:

        

  

5、子窗口页面: 

复制代码 代码如下:

       

  

二、iframe 父窗口和子窗口相互的调用方法 

1、IE中使用方法: 
父窗口调用子窗口:iframe_ID.iframe_document_object.object_attribute = attribute_value 
例子:onClick="iframe_text.myH1.innerText='http://www.pint.com';" 
子窗口调用父窗口:parent.parent_document_object.object_attribute = attribute_value 
例子:οnclick="parent.myH1.innerText='http://www.pint.com';" 
2、Firefox中使用方法: 
上面在IE下没有问题,但在firefox下不正常。在firefox下,应该是如下调用方法: 
父窗口调用子窗口:window.frames["iframe_ID"].document.getElementById("iframe_document_object"­).object_attribute = attribute_value 
例: window.frames["iframe_text"].document.getElementById("myH1").innerHTML= ""; 
子窗口调用父窗口:parent.document.getElementById("parent_document_object").object_attribute = attribute_value 
例: parent.document.getElementById("myH1").innerHTML = ""; 
3、完整的例子 
test.htm 
复制代码 代码如下:

   Test Page       

d

  

frame_test.htm 

代码如下:

   
无标题文档

ha

  

test.htm里面firefox下访问iframe 必须用name,不能用id,所以要改为name="iframe_test" 三、在c#中如何动态改变iframe的src值,动态指向一个网页 

1)如果是javascript脚本 
给iframe加一个ID如<iframe id=frmList…… 
在脚本写 
frmList.document.location=strNewUrl 
2)如果是后台程序 
给iframe加一个ID,再加上runat=server 如<iframe id=frmList runat=server …… 
在程序里写 
frmList.Attributes.Add("src",strNewUrl); 

转载于:https://www.cnblogs.com/examine/p/4913207.html

你可能感兴趣的文章
android同时使用多个library时的问题
查看>>
今天升级了ADT到ADT 22.6.1,打包混淆的时候就出现了问题
查看>>
百度地图JavaScript API如何在同一页面显示多个地图?
查看>>
揭秘快速提升alexa排名的18种有效方法-2 -#来秀美#
查看>>
计算机专业及软件开发推荐书籍
查看>>
《Java程序设计》 课程教学
查看>>
Lambda--持续学习中
查看>>
简单谈谈面向对象和面向过程的区别
查看>>
Intellij IDEA 配置Tomcat远程调试
查看>>
python3 进程和线程(一)
查看>>
python-综合练习题(if条件语句,while循环,奇数偶数
查看>>
C语言基础-第三章
查看>>
PowerDesigner教程系列(一)概念数据模型
查看>>
Memcached 总结 启动多个Memcached服务 配置文件详解
查看>>
python常用类库总结
查看>>
mybatis设定全局变量
查看>>
Pumping lemma
查看>>
软工第四次作业
查看>>
学习"大众点评网的架构设计与实践"
查看>>
.Net文件压缩
查看>>