0

データベース フィールドの内容を表示するページに取り組んでいます。コンテンツは HTML 形式で、Web ページ全体が含まれています。

<html>
  <title>Some title</title>
  <style type="text/css">
     /* CSS content here */
  </style>
  <body>
    <!-- body content here -->
  </body>
</html>

このすべてを別の Web ページ内に表示する必要があるため、iframe を使用すると、親ページの CSS を無効にできると考えました。ただし、iframe ドキュメントの内容を上書きする方法がわかりません。

これまでに行ったことは、データを取得してから次を使用することです

$("#iframe_constainer")
  .find('iframe:first').contents().find('html:first').html(myHTML);

私の Web ページには、iframe を含む iframe_container という div が含まれています。

<div id="iframe_container"><iframe/></div>

これは正常に機能していますが、のコンテンツがタグmyHTML内にラップされています。htmlというわけで効果はこんな感じ

<html>
  <html>
    <title>Some title</title>
    <style type="text/css">
       /* CSS content here */
    </style>
    <body>
      <!-- body content here -->
    </body>
  </html>
</html>

iframe で html タグを見つけて HTML を変更しているためです。jQueryを使用してドキュメント全体を上書きする方法はありますか?

4

2 に答える 2

0

これには jQuery は必要ありません。document.writeコンテンツを iframe に書き込んで、iframe のドキュメントを完全に置き換えるだけです。

例 (プレーンなバニラ JS)

document.getElementById("myIframeId").contentWindow.document.write(myHTML);
于 2013-09-05T18:16:28.947 に答える