2016-06-27 4 views
0

jqueryを使ってiframeを動的に作成しています。完全なhtmlページ(ajaxリクエストからのHTML文字列応答)を書く方法があるかどうかを知りたいdocument.write()オペレーションを使用しないでください。document.write()を使わずにiframeに完全なHTMLページを書く

空のiframeから始めるので、$.find().html()またはinnerHTML()の方法はここでは機能しません。また、iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);は一部のブラウザでは動作しません。

インラインフレーム:

var myIframe = $('<iframe/>', { 
        id: 'my-iframe', 
        name: 'my-iframe', 
        src: 'about:blank', 
        scrolling: 'no', 
        frameborder: 0, 
        style: 'width: 224px; height: 230px;' 
       }); 
+0

/iframeに "show"?あなたは、JS文字列変数の形でコンテンツ全体を持っていますか?またはそれ以外はどこから始まったのでしょうか? – CBroe

+0

これはajaxリクエストからのhtml文字列応答です。 – serpent403

+0

リクエストメソッド/コンテンツは? iframeのsrc属性にURLを単に割り当てるだけで簡単なGETリクエストが得られます。また、POSTリクエストでiframeを使って単純なフォーム 'target'を実行することもできます。 – CBroe

答えて

0

あなたはこれを試してみましたか? IFRAMEが

// Edit 
myIframe.contents().find("body").html("My new content") 

// Log 
console.log(myIframe.contents().find("body").html()) 
+0

これはどのように役立つでしょうか?これは体に加えるだけです。私は多くのヘッダータグを持っていて、また、 'html'タグにクラスとプロパティを持っています – serpent403

+0

私はおそらくあなたの質問を理解していません..親ドキュメントからiframeコンテンツにアクセスしようとしましたか? – Arthur

+0

親ドキュメントからiframeにアクセスしようとしています。レンダリングしようとしているhtmlは、ajaxリクエストの文字列レスポンスです。これが明確になることを願っています。 – serpent403

0

親文書に追加された後、あなたがこのように... jqueryのの.load機能を使用するとiframeにHTMLページをロードすることができます:あなたがロードしたいん何

$("#my-iframe").load("./path/to/the/html/file.html", function() { 
    alert("Load was performed."); 
}); 
+0

これはiframeで使えますか? – serpent403

関連する問題