子iframe 怎么访问 父的 iframe方法

子iframe 怎么访问 父的 iframe方法,第1张

HTML语法:<iframe name="myFrame" src="childhtml"></iframe>

2、父窗口调用子窗口:myFramewindowfunctionName();

3、子窗品调用父窗口:parentfunctionName();

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

4、父窗口页面源码:

复制代码 代码如下:

<html>

<head>

<script

type="text/javascript">

function say() {

alert("parenthtml------>I'm at parenthtml");

}

function

callChild()

{

//documentframes("myFrame")f1();

myFramewindowsay();

}

</script>

</head>

<body>

<input type=button value="调用childhtml中的函数say()"

onclick="callChild()">

<iframe name="myFrame"

src="childhtml"></iframe>

</body>

</html>

我来给你回答吧:帮你测试过,

比如父页面上 有 iframe1,iframe1页面上 有form1表单,表单内输入框 input1

在父页面上 执行

<a href="#" onclick="testfun()">测试</a>

<script>

function testfun()

{

// frame页面上表单的值表示:frames["iframe1"]documentgetElementById("input1")value

alert(frames["iframe1"]documentgetElementById("input1")value);

frames["iframe1"]documentgetElementById("form1")submit();

}

</script>

1、首先需要在body中增加一个iframe,可以给这个标签设置宽高,还可以设置位置。

2、然后在前台界面的某个位置,增加一个点击事件onclick。

3、然后点击事件,总要对应的设置一个事件方法

4、然后在方法内增加iframe的重载url,重新给src赋值。

5、最后运行html界面,点击前台的按钮,触发刷新iframe的方法,就完成了。

以上就是关于子iframe 怎么访问 父的 iframe方法全部的内容,包括:子iframe 怎么访问 父的 iframe方法、父页面获取iframe表单值并提交、如何在子页面得到其所在的iframe等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9422200.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存