html iframe 调用方法,iframe 父窗口和子窗口相互的调用方法集锦

一、父窗口调用iframe子窗口方法1、HTML语法：

2、父窗口调用子窗口：myFrame.window.functionName();

3、子窗品调用父窗口：parent.functionName();

简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行

4、父窗口页面源码：

function say() {

alert("parent.html------>I'm at parent.html");

}

function callChild()

{

//document.frames("myFrame").f1();

myFrame.window.say();

}

5、子窗口页面：

function say()

{

alert("child.html--->I'm at child.html");

}

function callParent() {

parent.say();

}

二、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= "http://hi.jb51.net";

子窗口调用父窗口：parent.document.getElementById("parent_document_object").object_attribute = attribute_value

例： parent.document.getElementById("myH1").innerHTML = "http://jb51.net";

3、完整的例子

test.htm

Test Page

function show()

{

window.frames["iframe_text"].document.getElementById("myH1").innerHTML = "http://hi.jb51.net";

}

d

frame_test.htm

无标题文档

function show()

{

parent.document.getElementById("myH1").innerHTML = http://jb51.net;

}

ha

test.htm里面firefox下访问iframe 必须用name，不能用id，所以要改为name="iframe_test" 。(http://chenling1018.blog.163.com/blog/static/1480254200811891041694/)

三、在c#中如何动态改变iframe的src值，动态指向一个网页1)如果是javascript脚本

给iframe加一个ID如

在脚本写

frmList.document.location=strNewUrl

2)如果是后台程序

给iframe加一个ID，再加上runat=server 如

在程序里写

frmList.Attributes.Add("src",strNewUrl);