在Iframe中调用子页面的Js函数
调用IFRAME子页面的JS函数
说明：假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。
我们现在要做的就是：
1.在index.html中调用inner.html上的一个js方法
2.在inner.html中调用index.html上的一个js方法
实现代码如下：
index.html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<
html
>
<
head
>
<
script
type
=
"text/javascript"
>
function ff(){
alert(">>this is index's js function index.html");
}
</
script
>
</
head
>
<
body
>
<
div
style
=
"background: lightblue;"
>
This is index page.
<
input
type
=
"button"
value
=
"run index's function"
onclick
=
"ff();"
/>
<
input
type
=
"button"
value
=
"run inner page's function"
onclick
=
'window.frames["childPage"].sonff();'
/>
</
div
>
<
iframe
id
=
"childPage"
name
=
"childPage"
src
=
"inner.html"
width
=
"100%"
frameborder
=
"0"
></
iframe
>
</
body
>
</
html
>
|
inner.html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<
html
>
<
head
>
<
script
type
=
"text/javascript"
>
function sonff(){
alert(">>this is inner page's js function");
}
</
script
>
</
head
>
<
body
>
<
div
style
=
"background: lightgreen;"
>
This is inner page.
<
input
type
=
"button"
value
=
"run index's function"
onclick
=
'parent.window.ff();'
/>
<
input
type
=
"button"
value
=
"run inner page's function"
onclick
=
"sonff();"
/>
</
div
>
</
body
>
</
html
>
|
来源：
http://blog.163.com/zhao_jinggui/blog/static/169620429201010304751722/
JavaScript跨域脚本调用（iframe方式）
http://www.cnblogs.com/guohui/archive/2012/02/24/2366860.html
本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/1592620，如需转载请自行联系原作者
![[JS]同事：这次就算了，下班回去赶紧补补内置函数，再犯肯定被主管骂](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635463/20241109/c55917b4a28342b78633c9da58d86e30.png?x-oss-process=image/resize,h_160,m_lfit)