javascriptの父、子ページのインタラクティブな技巧の総括

2163 ワード

フレームはサブページを保存するために使用され、iframeでも良いし、frameでも良い.windowオブジェクトはグローバルオブジェクトで、ページ上のすべての関数とオブジェクトはそのスコープにあります.1、parentは親ウィンドウを表し、また親ウィンドウにいくつかの層の入れ子がある場合、トップクラスの親ウィンドウを表します.selfはウィンドウ自体を表します.


if(self==top){//}           
if(self==parent){}//

2.1、親ページから副ページ要素にアクセスする.考え方はサブページの要素はすべてwindow.documentの対象の中にあります.まずそれを取ってから言います.フレームはname属性を設定したほうがいいです.これが一番便利です.如き


</code></pre>もしchild.htmlの のidが'menu'の  を るなら、このように くことができます.<pre><code>&#13;
window.frames["test"].document.getElementById('menu'); &#13;
//           window    ，      window： &#13;
frames["test"].document.getElementById('menu'); &#13;
//     ，  name            window  ，         ： &#13;
test.document.getElementById('menu');</code></pre>2.2 ページアクセスサブページ  またはオブジェクト.サブページの  とオブジェクトは、そのwindowオブジェクトの にあります.<pre><code>&#13;
//  child.html   showMesg  ，       ，     &#13;
window.frames['test'].showMesg(); &#13;
//     &#13;
test.showMesg(); &#13;
//  ，         &#13;
alert(test.person);</code></pre>2.3その Dcumentを  する  .まず'document.getElement ById()'または'document.getElements ByTagName''を ってフレームをdocumentの のElementとして  し、そのプロパティcontent Doctdocument/content Window(iframe、frame  )にアクセスします.<pre><code>&#13;
<iframe id="testId" src="child.html"/> &#13;
//====== &#13;
var doc=document.getElementById('testId'); &#13;
//   &#13;
var doc=document.getElementsByTagName('iframe')[0]; &#13;
   &#13;
var winOrdoc=doc.contentDocument||doc.contentWindow;//    &#13;
if(winOrdoc.document)winOrdoc=winOrdoc.document; &#13;
winOrdoc.getElementById('menu'); &#13;
//    window  ，    ： &#13;
if(winOrdoc.defaultView)winOrdoc=winOrdoc.defaultView;</code></pre>3.1サブページは ページ  にアクセスします.  は2.1と じで、 に のウィンドウwindow.documentの  を  します.<pre><code>&#13;
parent.window.document.getElementById('parentMenu'); &#13;
//   &#13;
parent.document.getElementById('parentMenu');</code></pre>3.2、サブページは ページ  またはオブジェクトにアクセスします. えは2.2と じで、 に の のwindowオブジェクトを  します.<pre><code>&#13;
parent.parentFunction();</code></pre>  に、jsの    を  します.つまり、AサイトにあるjsコードはBサイトの  にアクセスすることができません.フレームが のサイトのページであれば、  の  で  にアクセスする  、ブラウザは「  がない」エラーを  するはずです.

javascriptコードを簡略化できる方法