この記事では、JavaScriptのIFRAMEフレームワークページで関数を呼び出す方法について説明します。この呼び出し方法は実際には非常に簡単です。この方法を使用すると、IFRAME間で値を渡すか変更できます。操作は非常に簡単です。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
iframeの関数にアクセスしてください。
コードコピーは次のとおりです。Document.getElementById( 'comentiframe')。contentWindow.haslogined();
comentiframeはiframeのIDです。
window.onloadで実行する
例は次のとおりです。
1.html
次のようにコードをコピーします
<iframe id = "frame1" src = "2.html"> </iframe>
2.htmlページ
次のようにコードをコピーします
functionmynext()
{
アラート(1);
}
</script>
1.htmでテストボタンをクリックすると、2.htm(iframeページ)でmybuttonボタンを無効にする場合があります。そんなに簡単です、ハハ。 2.htmでJS関数を呼び出したい場合は、これを書きます。
次のようにコードをコピーします:self.frames ['a']。functionname(param)
JS関数を2.htm in 1.htm:iframe2.showinfo();
説明:例:
index.htmlとinner.htmlの2ページがあるとします。 index.htmlにはiframeがあり、このiframeのsrcはinner.htmlを指します。
私たちが今しなければならないことは:
1. index.htmlのinner.htmlでJSメソッドを呼び出します
2。Innen.htmlのindex.htmlでJSメソッドを呼び出します
実装コードは次のとおりです。
index.html:
次のようにコードをコピーします:<html>
<head>
<script type = "text/javascript">
function ff(){
alert( ">>これはインデックスのJS関数index.html");
}
</script>
</head>
<body>
<div style = "background:lightblue;">
これはインデックスページです。
<入力型= "button" value = "run index's function" onclick = "ff();" />
<入力型= "button" value = "内側ページのfunction" onclick = 'window.frames ["childpage"]。sonff();' />
</div>
<iframe id = "childpage" name = "childpage" src = "inner.html" frameborder = "0"> </iframe>
</body>
</html>
inner.html:
次のようにコードをコピーします:<html>
<head>
<script type = "text/javascript">
関数sonff(){
alert( ">>これは内側のページのJS関数です");
}
</script>
</head>
<body>
<div style = "背景:lightgreen;">
これは内側のページです。
<入力型= "button" value = "run index's function" onclick = 'parent.window.ff();' />
<入力型= "button" value = "内側ページの関数を実行" onclick = "sonff();" />
</div>
</body>
</html>
この記事の説明が、JavaScriptに基づいたすべての人のWebプログラミングに役立つことを願っています。