HTMLDOMウィンドウのframeElementプロパティ HTML DOMウィンドウのframeElementプロパティは、、、<object>などの埋め込みウィンドウに対応するHTML要素を返します。</P> <h2style="">構文</h2> <p> 以下は構文です-</P> <p> ウィンドウ埋め込み要素を返す</P> <p style =""> window.frameElement </P> <h2style="">例</h2> <pstyle ="">HTMLDOMウィンドウのframeElementプロパティの例を見てみましょう-</P> <pre><!DOCTYPE html> <html> <head> <title>HTML DOM Window frameElement</title> <style> * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; </style> </head> <body> <form> <fieldset> <legend>HTML-DOM-Window-frameElement</legend> <input id="urlSelect" type="url" placeholder="Type URL here..."> <input type="button" value="Go To" onclick="goToURL()"> <div id="divDisplay"></div> </fieldset> </form> <script> var urlSelect = document.getElementById("urlSelect"); var divDisplay = document.getElementById("divDisplay"); function goToURL() { if(window.frameElement){ window.frameElement.src=urlSelect.value; divDisplay.textContent = 'Current Window is embedded'; } else divDisplay.textContent = 'Current Window is not embedded'; } </script> </body> </html></pre> <h2>出力</h2> <p> <strong>[移動]をクリック</strong> URLフィールドが設定されたボタン-</P> <p> <img loading='lazy' alt='HTMLDOMウィンドウのframeElementプロパティ ' src="/article/uploadfiles/202203/2022033116554486.jpg" /> </P> <p> 埋め込み要素のソースを変更-</P> <p> <img loading='lazy' alt='HTMLDOMウィンドウのframeElementプロパティ ' src="/article/uploadfiles/202203/2022033116554520.jpg" /> </P> <br> </div> <div class="ad5"> <script language='javascript' src='https://jp.wsxdn.com/css/ad/jp2.js'></script> </div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001065425.html' >HTMLDOMウィンドウフレームプロパティ </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001065427.html' >HTMLDOMウィンドウの閉じたプロパティ </a> <i class="next"></i> </div> </div> <section class="bottom-list"> <ol> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001065425.html" class="t-over" title="HTMLDOMウィンドウフレームプロパティ "> <span>HTMLDOMウィンドウフレームプロパティ </span> </a> <p class="r-over r-over-3"> HTML DOMウィンドウフレームプロパティは、ウィンドウに対応するオブジェクトを返し、ウィンドウに存在するすべてのフレームを表します。 構文 以下は構文です- 現在のウィンドウでフレームを返す window.frames HTMLDOMウィンドウフレームの例を見てみましょう。 プロパティ- 例 <!DOCTYPE html><html> <head> <title>HTML DOM Window frames</title> <style> * { </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001065427.html" class="t-over" title="HTMLDOMウィンドウの閉じたプロパティ "> <span>HTMLDOMウィンドウの閉じたプロパティ </span> </a> <p class="r-over r-over-3"> HTML DOMウィンドウのclosedプロパティは、ウィンドウが閉じているかどうかに対応するブール値を返します。 構文 以下は構文です- ブール値を返す window.closed 例 HTMLDOMウィンドウの閉じたプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM Window closed</title> <style> * { padding: 2px; </p> </div> </li> </ol> </section> </article> <aside class="box1-r box4-r"> <section class="small-nav"> <ul class="f-between"> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd144y/' target="_self">Cプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/qo145i/' target="_self">C ++</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh146b/' target="_self">Redis</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/hf147z/' target="_self">BASHプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/mk148e/' target="_self">Python</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/lj149d/' target="_self">Java</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay150s/' target="_self">データベース</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay151t/' target="_self">HTML</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/pn152h/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh153b/' target="_self">プログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/if154a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig155a/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jg156b/' target="_self">SQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig157b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/wu158p/' target="_self">Android</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ge159z/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh160b/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ec161w/' target="_self">C＃</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd165y/' target="_self">PHP</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig171a/' target="_self">SQL Server</a></li> </ul> </section> <div class="box1-r-list"> <div> <i></i> <span>HTML</span> </div> <ol> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064411.html" class="r-over r-over-2" title="HTMLDOMaccessKeyプロパティ ">HTMLDOMaccessKeyプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064427.html" class="r-over r-over-2" title="HTMLDOMinnerHTMLプロパティ ">HTMLDOMinnerHTMLプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064428.html" class="r-over r-over-2" title="HTMLDOMidプロパティ ">HTMLDOMidプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064550.html" class="r-over r-over-2" title="HTMLDOMpreviousElementSiblingプロパティ ">HTMLDOMpreviousElementSiblingプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064551.html" class="r-over r-over-2" title="HTMLDOMpreviousSiblingプロパティ ">HTMLDOMpreviousSiblingプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064553.html" class="r-over r-over-2" title="HTMLDOMscrollTopプロパティ ">HTMLDOMscrollTopプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064554.html" class="r-over r-over-2" title="HTMLDOMscrollLeftプロパティ ">HTMLDOMscrollLeftプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064558.html" class="r-over r-over-2" title="HTMLDOMownerDocumentプロパティ ">HTMLDOMownerDocumentプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064709.html" class="r-over r-over-2" title="HTMLDOMinputEncodingプロパティ ">HTMLDOMinputEncodingプロパティ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064719.html" class="r-over r-over-2" title="HTMLDOMisContentEditableプロパティ ">HTMLDOMisContentEditableプロパティ </a> </li> </ol> </div> </aside> </section> <footer> <section> <span class="container f-center"> 著作権 © <a href="https://jp.wsxdn.com">https://jp.wsxdn.com</a> 全著作権所有 </span> </section> </footer> </body> </html>
