iframe親ページの要素、メソッド、変数の操作方法
4047 ワード
私のブログへようこそhttp://xiaolongwu.cn/
方法
1.iframeで親ページ要素を検索する方法:
2.iframeで親ページの変数またはメソッド関数を使用する
≪インスタンス|Instance|emdw≫
上の例の結果
方法
1.iframeで親ページ要素を検索する方法:
jQuery :$("#id",window.parent.document)
:window.parent.document.getElementById("id");
// iframe , :
window.parent.parent.document.getElementById("id"); //
// ,
window.top.document.getElementById("id");
2.iframeで親ページの変数またはメソッド関数を使用する
parent.method
parent.variable
≪インスタンス|Instance|emdw≫
<body>
<div id="parentBox"> div>
<iframe src="iframeChildren.html" width="300px" height="200px">iframe>
body>
<script type="text/javascript">
var _parent = 'hello';
var _parent1 = 'world';
function methodParent(){
console.log( _parent);
}
script>
<body>
<div id="childrenBox"> div>
body>
<script type="text/javascript">
//jQuery
$("#parentBox",parent.document).css('color','red');
//
var parentRed = window.parent.document.getElementById("parentBox").style.backgroundColor = 'blue';
//
parent.methodParent();
//
var _children = parent._parent1;
console.log(_children);
script>
上の例の結果