2011-12-11 7 views
8

クロムのブラウザ内HTML/Javascript/CSS IDEでテスト領域として機能するようにiFrameをコード化しようとしていますが、 iFrameの.src属性を.src属性に直接エンコードされたhtml Javascript CSSなどのコードで設定する方法を教えてもらえないかと疑問に思っていました。私はそれができることを知っているので、私はこのメソッドを見つけたWebページを失ったことができないことを私に教えてください。また、補足として、このiFrameをプログラムで強制的に更新することは可能でしょうか?iFrameのsrc属性をコード化されたデータとして設定するjavam with chrome

は、お時間をいただき、ありがとうございます

クリス

+0

あなたがなぜ必要なのか最初にこれを行うには?どのようなバグを参照していますか? –

+0

標準のDOMを使ってiFramesのコンテンツを編集するだけでJavascriptが正しく実行されません。 – user1030453

+1

@ペッカ、すみません。たぶん私は正しく説明していないかもしれませんが、iFrameのsrc属性をtext/html型のデータURIに置き換えた例があります。誰かが少なくともJavaScriptの文字列からエンコードされたデータURI/URLにiFrames .src属性を設定する手順のページを私に指示してもらえますか?私はまだこれを理解していません。 – user1030453

答えて

4

私の調査によると、これはセキュリティ上のリスクとみなされ、すべてのブラウザで許可されていないようです。

MS IE site link抜粋:

データURIは次の要素および/または属性に対してのみサポートされています。

  • オブジェクト(画像のみ)
  • IMG
  • 入力タイプ=画像
  • リンク
  • CSSのような背景、backgroundImageのようなURLを受け入れる宣言、など。

HTML5セキュリティ早見:http://html5sec.org/

0

更新のiframe:

document.getElementById('iframeid').src = document.getElementById('iframeid').src 
4

iframeEl.src = "データ:text/htmlの;のcharset = UTF-8、" +コンテンツ。

+1

IEをサポートする必要がある場合、データURIを使用することはできません - http://msdn.microsoft.com/en-us/library/cc848897%28v = vs.85%29.aspx – robocat

1

はい、それは行うことができます - IFRAMEを希望されない場合があります元のページと同じ起源を有していてもよくなることをhttp://sparecycles.wordpress.com/2012/03/08/inject-content-into-a-new-iframe/

ノートを参照してくださいあなたが何をしているかによって重大なセキュリティ上の考慮事項があります。

JavaScriptを使用しての例に:スキーム技術はここにある:http://jsbin.com/uhenuz/4(httpsで使用している場合は、混合HTTPS/HTTP警告が出てくることはできないことを確認するために余分なグーグルとの良好なテストが必要になります。)

関連する問題