Question

我的结构如下。

<div>
<p>Hello World !!</p>
</div>
<iframe id="myiframe" src= myiframeContent.html ></iframe>

并且有以下 Java变本,有<代码>content :

var s ="<html><head></head><body><div>Test_Div</div></body></html>";

我怎么能够用<代码>myiframe将iframe的内容改为s?

我尝试:

$("#myiframe").html(s);

Which giving me a very unusual return, it changes all the content of Current page to VAR S Ex : styles,background etc..

我怎么能够确定一个包含<代码>的超文本<>/代码>的仪表的内容?

The content of variable s follows:

 <html>
  <head>
    <title>{page_name}</title>
    <meta name="keywords" content="{page_meta_tags}" />
    <script src="/1.js"></script>
    <script src="/2.js"></script>
 <style>
   h2{
 
 color:red;} 

 h1{
 color:red;}

 body{
     
 background-color:#f0eded;
 color:74f503;
 font-family:Verdana, Geneva, sans-serif;
 background:url({getUrl});}
  </style> 
  </head>
   
  <body>
    yahoo
    <div style="float:right">{pagecomment}</div>
    <div id="blogstart" style="">
      <h1>My Blog</h1>
      {nextPrevPagination}
      {blog} 
      {nextPrevPagination}
    </div>
    <p>My Page Name : {page_name}</p><br/>
    <p>Name of this template</p><br/>
    <p>Date started this page : {page_date}</p><br/>
    <label>Address</label>
    <textarea>{page_address}</textarea>
    
    <span>Country : {page_country} State :{page_state}</span>
    <p>page City : {page_city} Page Pincode {page_pincode}</p>
    <a href="mailto:{page_email}">Email me</a>
    {page_bio_title} and {page_bio_desc}
    <img src="{page_profile}" />
    {page_avatar}
    <p>Contact me : {page_mobile} , {page_landline} </p>
    <a href="http://www.facebook.com/{page_facebook_user}">I am on Facebook</a>
    <a href="http://www.twitter.com/{page_twitter_user}"></a>
  </body>
  
</html>

After applying this variable to the iframe I got like this [inspected through firebug]
Note that it doesn t have BODY ,Head tag, but the above one [var s] has a BODY tag.

<html>  
  
    <title>{page_name}</title>
    <meta content="{page_meta_tags}" name="keywords">
    
    
 <style>
   h2{
 
 color:red;} 

 h1{
 color:red;}

 body{
     
 background-color:#f0eded;
 color:74f503;
 font-family:Verdana, Geneva, sans-serif;
 background:url({url});}
  </style> 
  
    yahoo
    <div style="float: right;">{pagecomment}</div>
    <div style="" id="blogstart">
      <h1>My Blog</h1>
      {nextPrevPagination}
      {blog} 
      {nextPrevPagination}
    </div>
    <p>My Page Name : {page_name}</p><br>
    <p>Name of this template</p><br>
    <p>Date started this page : {page_date}</p><br>
    <label>Address</label>
    <textarea>{page_address}</textarea>
    
    <span>Country : {page_country} State :{page_state}</span>
    <p>page City : {page_city} Page Pincode {page_pincode}</p>
    <a href="mailto:{page_email}">Email me</a>
    {page_bio_title} and {page_bio_desc}
    <img src="{page_profile}">
    {page_avatar}
    <p>Contact me : {page_mobile} , {page_landline} </p>
    <a href="http://www.facebook.com/{page_facebook_user}">I am on Facebook</a>
    <a href="http://www.twitter.com/{page_twitter_user}"></a>
  </html>

Answer 1

我设法这样做。

var html_string= "content";
document.getElementById( output_iframe1 ).src = "data:text/html;charset=utf-8," + escape(html_string);

Answer 2

使用“连带”功能:

$( #some-id ).contents().find( html ).html("some-html")

Unified Solution:

为了对所有现代浏览器开展工作,你需要两个步骤:

http://www.ohchr.org。否则,该内容将由空洞的<代码><>src>/code>>>>>在>。
```
<iframe src="javascript:void(0);"></iframe>
```

逐项修改内联网内容:html>。



$(iframeSelector).contents().find( html ).html(htmlContent);



Credits:


  评注第1步(link 页: 1
  
  解决办法中的第2步( link1 ,link2) 页: 1

Answer 4

I needed to reuse the same iframe and replace the content each time. I ve tried a few ways and this worked for me:

// Set the iframe s src to about:blank so that it conforms to the same-origin policy 
iframeElement.src = "about:blank";

// Set the iframe s new HTML
iframeElement.contentWindow.document.open();
iframeElement.contentWindow.document.write(newHTML);
iframeElement.contentWindow.document.close();

这是一项职能:

function replaceIframeContent(iframeElement, newHTML)
{
    iframeElement.src = "about:blank";
    iframeElement.contentWindow.document.open();
    iframeElement.contentWindow.document.write(newHTML);
    iframeElement.contentWindow.document.close();
}

Answer 5

您希望使用iframe ssrcdoc 因此而异(MDN文件。

var html_string = "<html><body><h1>My epic iframe</p></body></html>";
document.querySelector( iframe ).srcdoc = html_string;

该页上所列红片法上使用这种方法的正确之处是,带<条码>的iframe content/code>被看作同一来源。如果你愿意,这种方式可以继续操纵和接触 Java的iframe。

Answer 6

$( #myiframe ).contents().find( html ).html(s);

页: 1

Answer 7

Using Blob:

var s ="<html><head></head><body><div>Test_Div</div></body></html>";
var iframe = document.getElementById("myiframe");
var blob = new Blob([s], {type: "text/html; charset=utf-8"});
iframe.src = URL.createObjectURL(blob);

Answer 8

为什么不使用

$iframe.load(function () {
    var $body = $( body , $iframe.get(0).contentWindow.document);
    $body.html(contentDiv);
});

不是时间?

Answer 9

你们需要:

var $frame = $( myiframe );
    setTimeout( function() {
            var doc = $frame[0].contentWindow.document;
            var $body = $( body ,doc);
            $body.html( <div>Test_Div</div> );
    }, 1 );

准则摘自:putting html within an iframe (using javascript)

Answer 10

如果你想要确定一个包含文字标签的html内容,那么,你可以进入你创建的框架:

$(iframeElement).contentWindow.document

这样,你就可以对其中的任何内容设定内装的超文本。

But,对于文字标签,你应创建并贴上文字标签,如:

Unified Solution:

Credits:

友情链接