HTML5 iframe srcdocの代替手段？ HTMLのタグは、インラインフレームを作成するために使用されます。</P> <h2style="">例</h2> <pre><!DOCTYPE html> <html> <head> <title>HTML iframe Tag</title> </head> <body> <iframe src = "https://www.tutorialspoint.com/index.htm" width = "100%"></iframe> </body> </html></pre> <p> srcdoc属性は、iframeに表示するページのHTMLコンテンツを指定します</P> <pstyle ="">srcdoc属性の代替は-</P>になります <pre>var doc = document.querySelector('#demo').contentWindow.document; var content = '<html></html>'; doc.open('text/html', 'replace'); doc.write(content); doc.close();</pre> <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/pn152h/1001056320.html' >ユーザーはHTML5sessionStorageを無効にできますか？ </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/pn152h/1001056322.html' >HTMLキャンバス上で線幅が連続的に変化する線を描画する </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/1001065232.html" class="t-over" title="HTMLウィンドウの長さプロパティ "> <span>HTMLウィンドウの長さプロパティ </span> </a> <p class="r-over r-over-3"> HTMLウィンドウの長さプロパティは、現在のHTMLドキュメント内の要素の数を返します。 構文 以下は構文です- window.length HTMLウィンドウの長さプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; &n </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001065445.html" class="t-over" title="htmlのSeleniumとiframe。 "> <span>htmlのSeleniumとiframe。 </span> </a> <p class="r-over r-over-3"> SeleniumWebdriverでiframeを操作できます。フレームは、HTMLコードの、、またはタグで定義されます。フレームは、HTMLドキュメントを別のHTMLドキュメント内に埋め込むために使用されます。 Seleniumは、デフォルトで親ブラウザードライバーにアクセスできます。フレーム要素にアクセスするには、ドライバーのフォーカスをメインのブラウザーウィンドウからフレームに移動する必要があります。フレームにシフトする方法は複数あります- switchTo（）。frame（id）-フレームのIDまたは名前が引数として渡されます。 構文-driver.switchTo（） </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>Javascript</span> </div> <ol> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001038929.html" class="r-over r-over-2" title="HTML Iframe：ステップバイステップガイド ">HTML Iframe：ステップバイステップガイド </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001054565.html" class="r-over r-over-2" title="HTMLを使用してWebページにPDFファイルを埋め込む方法 ">HTMLを使用してWebページにPDFファイルを埋め込む方法 </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001054571.html" class="r-over r-over-2" title="HTMLとHTML5 ">HTMLとHTML5 </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001055868.html" class="r-over r-over-2" title="javascriptの属性の値を変更するにはどうすればよいですか？ ">javascriptの属性の値を変更するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056191.html" class="r-over r-over-2" title="HTML5クロスブラウザiframe投稿メッセージ-子から親？ ">HTML5クロスブラウザiframe投稿メッセージ-子から親？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056202.html" class="r-over r-over-2" title="HTML5でフレームを使用する方法はありますか？ ">HTML5でフレームを使用する方法はありますか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056205.html" class="r-over r-over-2" title="<section>や<article>のような新しいHTML5要素は役に立たないのですか？ "><section>や<article>のような新しいHTML5要素は役に立たないのですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056248.html" class="r-over r-over-2" title="クロスドメインHTML5iframeの問題 ">クロスドメインHTML5iframeの問題 </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056262.html" class="r-over r-over-2" title="PDFファイルをHTML5ページに埋め込む方法はありますか？ ">PDFファイルをHTML5ページに埋め込む方法はありますか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056343.html" class="r-over r-over-2" title="JavaScriptでのHTML5ビデオのフルプリロード ">JavaScriptでのHTML5ビデオのフルプリロード </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>
