一般的なコード：
<iframe src = "http://www.baidu.com" magnewidth = "0" "marginheight =" 0 "scrolling =" no "frameborder =" 0 "width =" 350 "> </iframe> <iframe src =" // www.vevb.com/plugins/plugins/ " frameborder = "0" style = "border：none; width：450px; height：80px"> </iframe>
JavaScriptフレームへのアクセス、IFRAMEフレームワーク、およびHREF方向
1.フレーム
1。親から子フレームへの参照
上記の原則を知っていると、親フレームワークから子のフレームワークを参照することが非常に簡単になります。つまり、次のようになります。
window.frames ["framename"];
これは、ページ内のFramenameという名前のサブフレームを参照しています。参照されたフレームワークに従ってサブフレーム内のサブフレームを参照する場合、それは実際にはウィンドウオブジェクトの性質であるため、次のように実装できます。
window.frames ["framename"]。フレーム["framename2"];
これにより、セカンダリサブフレームが参照されます。など、多層フレームワークの参照を実現できます。
2。子フレームから親フレームへの参照
各ウィンドウオブジェクトには、親フレームワークを表す親プロパティがあります。フレームワークがすでにトップレベルのフレームワークである場合、Window.Parentはフレームワーク自体も表します。
3。兄弟のフレームワーク間の引用
2つのフレームが同じフレームと同じサブフレームである場合、それらは兄弟フレームと呼ばれ、親フレームを介して参照できます。たとえば、ページには2つのサブフレームが含まれています。
<フレームセットrows =” 50％、50％”> <frame src =” 1.html” name =” frame1″ /> <frame src =” 2.html” name =” frame2″ /> < /frameset>
frame1では、次のステートメントを使用して、frame2を参照できます。
self.parent.frames ["frame2"];
4。異なるレベルのフレームワーク間の参照
フレームワークの階層は、トップレベルのフレームワーク用です。レベルが異なる場合、あなたがいるレベルと他のフレームワークのレベルと名前を知って、フレームワークで参照されるウィンドウオブジェクトのプロパティを使用するだけで、互いに簡単にアクセスできます。たとえば
self.parent.frames ["ChildName"]。フレーム["TargetFramename"];
5。トップレベルのフレームワークへの参照
親プロパティと同様に、ウィンドウオブジェクトには上部プロパティもあります。これは、フレームワーク自体がトップレベルのフレームワークであるかどうかを判断するために使用できるトップレベルのフレームワークへの参照を表します。
コードコピーは次のとおりです。
//このフレームワークがトップレベルのフレームワークであるかどうかを判断します
if（self == top）{
// dosomhings
}
今すぐ
コードコピーは次のとおりです。
if（window.top！= window.self）{
// dosomhings
}
フレームワークの読み込みページを変更します
フレームへの参照は、ウィンドウオブジェクトへの参照です。ウィンドウオブジェクトの位置プロパティを使用すると、フレームのナビゲーションを変更できます。たとえば、次のことです。
window.frames [0] .location = "1.html";
参照JavaScript変数と他のフレームワーク内の関数
他のフレームワーク内でJavaScript変数と関数を参照する手法を導入する前に、次のコードを見てみましょう。
<スクリプト言語=” javascript” type =” text/javascript”> <！function hello（）{alert（ "hello、ajax！"）;} window.hello（）; //// script>2.IFRAME
厳密には、フレームアレイとdocument.allを使用する必要があります。
コードコピーは次のとおりです。
<iframe id = myiframe src =” bout：<入力型=チェックボックスname = mycheckbox値= mycheckbox>”> </iframe>
<入力型=ボタンonclick =” alert（document.frames.myiframe.document.all.mycheckbox.checked）”>
3.href
1.リンクされたOnClickイベントが最初に実行され、その後、HREF属性（ページジャンプ、またはJavaScript Pseudo-Link）の下でのアクションが続きます。
2.リンクにHREFとOnClickの両方があると仮定すると、HREF属性の下のアクションを実行しないようにする場合、OnClickはfalseの返品値を取得する必要があります。信じられない場合は、GoGoogle関数のreturn falseをコメントすることができます。
3.ページが長すぎてスクロールバーがあり、リンクされたオンクリックイベントを通じて操作を実行する場合。そのhref属性は、javascript：void（0）に設定する必要があります。 ＃の代わりに、不要なページジャンプを防ぎます。
4.リンクされたHREF属性で戻り値を持つ関数が呼び出された場合、現在のページのコンテンツはこの関数の返品値に置き換えられます。
5.シフトキーを押し続けると、ある程度の違いがあります。
6.今日私が遭遇した問題は、parentNodeにHREFの形でIE6.0でアクセスできないことです。
7. JavaScript：ProtocolをAのHREF属性として使用しないようにしてください。これは、Window.Onbeunloadイベントの不必要なトリガーを引き起こすだけでなく、IEでGIFアニメーション画像の再生を停止します。
のように：
<a href = "javascript：void（0）" onclick = "linkchangepwd（）">パスワードの変更</a>
フレームの高さを調整します
コードコピーは次のとおりです。
window.onload = function（）{
parent.document.getElementById（ 'customiframe'）。style.height= document.body.clientheight + "px";
}