Insert content into iFrame

Question

I am trying to insert some content into a  blank  iFrame  however nothing is being inserted   HTML    lt iframe id  iframe  gt  lt  iframe gt    JS       iframe   ready function         var  doc       iframe   contentWindow document      var  body       lt body gt    text  Test         body insertAfter  doc         I am calling the ready function so I don t understand why it is not inserting

User · Answer

Wait  are you really needing to render it using javascript   Be aware that in HTML5 there is srcdoc  which can do that for you   The drawback is that IE EDGE does not support it yet https   caniuse com  feat iframe-srcdoc   See here  srcdoc   https   www w3schools com tags att iframe srcdoc asp  Another thing to note is that if you want to avoid the interference of the js code inside and outside  you should consider using the sandbox mode   See here  sandbox   https   www w3schools com tags att iframe sandbox asp

User · Answer

This should do what you want       iframe   ready function         var body       iframe   contents   find  body        body append  Test          Check this JSFiddle for working demo   Edit  You can of course do it one line style       iframe   contents   find  body   append  Test

User · Answer

You can enter  for example  text from div into iFrame   var  iframe       iframe     iframe ready function          iframe contents   find  body   append     mytext           and divs    lt iframe id  iframe  gt  lt  iframe gt   lt div id  mytext  gt Hello  lt  div gt    and JSFiddle demo  link

User · Answer

You really don t need jQuery for that   var doc   document getElementById  iframe   contentWindow document  doc open    doc write  Test    doc close      jsFiddle Demo  If you absolutely have to use jQuery  you should use contents     var  iframe       iframe     iframe ready function          iframe contents   find  body   append  Test          jsFiddle Demo  Please don t forget that if you re using jQuery  you ll need to hook into the DOMReady function as follows     function           var  iframe       iframe         iframe ready function              iframe contents   find  body   append  Test

User · Answer

If you want all the CSS thats on your webpage in your IFrame  try this   var headClone  iFrameHead      Create a clone of the web-page head headClone      head   clone        Find the head of the the iFrame we are looking for iFrameHead       iframe   contents   find  head        Replace  iFrameHead with your Web page  head  iFrameHead replaceWith headClone       You should now have all the Web page CSS in the Iframe   Good Luck

[javascript] Insert content into iFrame

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to iframe