1. 子ページは親ページの値を受け取ります
URLを介して値を渡す方法を使用しますか? +&
<iframe src="child.html?a=1&b=2&c=3"></iframe>
このように、子ページのjs内で値が取得でき、マテリアルメソッドがFUNCTIONとしてカプセル化されています
function Request(argname){ var url = document.location.href; var arrStr = url.substring(url.indexOf("?")+1).split("&"); //return arrStr; for(var i =0;i<arrStr.length;i++) { var loc = arrStr[i].indexOf(argname+"="); if(loc!=-1){ return arrStr[i].replace(argname+"=","").replace("?",""); break; } } return ""; }
このようにして、全てのパラメータ値を簡単に取り出すことができます
var a= Request("a");var b= Request("b");var c= Request("c");
2. 子ページは親ページのメソッドを呼び出します
子ページは親ページのメソッド、parent.method name () を呼び出します。
var word = parent.say();
3. 子 ページが親ページ
にパラメータを渡す親ページで変数が定義されており、子ページがその変数を呼び出して値を代入していることがわかります。
window.parent.id="123"
4.親ページは子ページのメソッドを呼び出します
<iframe name="myframe" src="child.html"></iframe>
メソッドの呼び出し:
myframe.window.functionName();