この記事では、JSでIFRAMEクロスページの呼び出し関数を実装する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
プロジェクトでは、必然的にそのような問題に遭遇します。ページにはIFRAMEが導入されており、親ページにChild Page関数を呼び出す必要があります。または、子ページのページを呼び出す必要があります。たとえば、2ページのparent.htmlとchild.htmlが2つあります。 parent.htmlにはiframeおよびiframeがchild.htmlをポイントします。次に、child.html/parent.htmlのJSメソッドをparent.html/child.htmlに呼び出す必要があります。
特定のコードの実装は次のとおりです。
parent.html親ページ：
次のようにコードをコピーします：<html>
<head>
<script type = "text/javascript">
function parent_click（）{
アラート（ "親ページから"）;
}
</script>
</head>
<body>
<入力型= "button" value = "このページ関数の呼び出し" onclick = "parent_click（）;" />
<入力型= "button" value = "calling child page function" onclick = 'window.frames ["childpage"]。child_click（）;' />
<iframe id = "childpage" name = "childpage" src = "inner.html" frameborder = "0"> </iframe>
</body>
</html>
child.htmlサブページ：
次のようにコードをコピーします：<html>
<head>
<script type = "text/javascript">
function child_click（）{
アラート（ "サブページ関数と呼ばれる"）;
}
</script>
</head>
<body>
<入力型= "button" value = "calling parent page function" onclick = 'parent.window.parent_click（）;' />
<入力型= "button" value = "このページ関数の呼び出し" onclick = "child_click（）;" />
</body>
</html>
この記事の説明が、JavaScriptに基づいたすべての人のWebプログラミングに役立つことを願っています。