質問:index.html では、iframe で Son.html が導入されています。son.html で操作をクリックしてページ全体をブロックし、表示するレイヤーをポップアップする方法は? 準備:index.htmlson.html アイデア:1:index.html の iframe にson.html を導入します。 コードをコピーしますコードは次のとおりです: resDiv" class="resDiv "> < ;/iframe> 2: シールド レイヤーとコンテンツ表示レイヤーを追加します。 Index.html の本文部分に コードをコピーコードは次のとおりです。 3:index.html に div スタイルを設定し、開くメソッドを実装します。レイヤーを閉じる コードをコピーコードは次のとおりです: <br>#BgLayer { <br>背景: # 939393 なし スクロール 0 0; <br>幅:100%; ; <br>top:0; <br>フィルター: alpha(opacity=80); / * IE */ <br>-moz-opacity: 0.8; /* Moz FF */ <br>z-index: 10000; <br>} <br>#Layer { <br>幅: 400px; <br>高さ: 400px; <br>左: 50%; %; <br>位置: 絶対; <br>背景: <br>z -index: 10001; <br>} <br> ><script type="text/javascript"> <br>/*ページの表示* / <br>function showDiv) { <br>var bg = document.getElementById("BgLayer"); document.getElementById("Layer"); <br>//var w = document.documentElement. clientWidth<br>//var h = document.documentElement.clientHeight;/ /Web ページの表示領域の高さ<br>var w = document.body.scrollWidth; //Web ページの全文の幅<br>var h = document.body.scrollHeight;ウェブページの高さ <br>//alert(w "-" h); <br>bg.style.display = ""; <br>bg.style.width = w "px"; .height = h "px"; <br>con.style.display = ""; <br>/*Close*/ <br>function closeDiv() { <br>var bg = document.getElementById( "BgLayer"); <br>var con = document.getElementById("Layer"); <br>con.style.display = "none"; <br></script> <br><br><br>4: Son.html の操作は、親ページのメソッド <br><br><br><br><br><br> を呼び出します。 code<br><br><br>コードは次のとおりです:<br> </div> <br><a href="javascript:void(0)" onclick="parent.window .showDiv()"> ;表示<br><br>