设置iframe的内容
我有以下结构。
<div>
<p>Hello World !!</p>
</div>
<iframe id="myiframe" src='myiframeContent.html'></iframe>
并且我有以下JavaScript变量content：
var s ="<html><head></head><body><div>Test_Div</div></body></html>";
如何更改myiframe带有变量ID的iframe的内容s？
我试过了：
$("#myiframe").html(s);
这给了我非常不寻常的回报，它将当前页面的所有内容更改为VAR S Ex：样式，背景等。
如何使用包含的变量设置iframe的内容HTML？
更新＃1
：变量的内容s如下->
<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>
施加此变量的iframe后我得到这样[通过萤火检查]
需要注意的是它不必须BODY，Head标签，但上述一个[VAR s]的有BODY标记。
<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>
问题答案：
我设法做到了
var html_string= "content";
document.getElementById('output_iframe1').src = "data:text/html;charset=utf-8," + escape(html_string);
-
我有一个页面，需要动态创建一个iframe并将其粘贴到页面上的div中。我创建iframe的方式如下： 根据某些条件，我需要：A）将iframe src设置为其他页面，或者B）动态地向iframe添加一些HTML。 我有选项A的罚款，但选项B抛出了安全错误： 在尝试设置HTML之前，是否需要在动态iframe上设置？我怎么会那么做呢？有没有更简单的方法将动态内容附加到动态iframe中？ 提前道谢
-
问题内容： 我在iframe中使用ng-src时遇到问题。我需要这样做： 结果： 我知道问题是$ sce，它是XSS的保护，并且该链接需要添加到白名单中。因此，当我执行此操作时，它就起作用了。 我在控制器内部定义： 但是我不能那样做，因为我正在使用ng-repeat循环，所以链接是动态生成的。必须从数据库中读取它！ 问题答案： 您可以改用过滤器： HTML： 其中，“ yourURL”是ifram
-
问题内容： 我想使用jQuery在iframe中操纵HTML。 我认为我可以通过将jQuery函数的上下文设置为iframe的文档来做到这一点，例如： 但是，这似乎不起作用。一点检查就可以看出，除非等待iframe加载，否则其中的变量是。但是，在iframe加载时，变量不可访问（我收到-type错误）。 有人知道解决方法吗？ 问题答案： 如果来自相同的域，则可以很容易地访问元素
-
问题内容： 与传统的静态HTML相反，由于其动态生成的组件结构和事件模型，因此无法在React中使用该问题的典型解决方案： 脚本： 的HTML： 有一个NPM包，但看起来没有完成（只接受道具，，）： https://www.npmjs.com/package/react- iframe 解决方案的可能部分是监听的事件，但以与React兼容的方式进行。 React中有没有一种方法可以将an 的高度设
-
我有一个JFrame，里面装满了JPanel（下面的代码）。 我正在使用JPanel在里面画东西，例如，我可以在任何我喜欢的地方画线，但是当添加JLabel到它的时候，我不能把它移动到它卡住的任何地方 但问题是他们建议的解决方案对我不起作用。 很抱歉，如果我不清楚，我试图在创建Surface之前和之后在函数initUI（）中添加上面的内容。 但是在那之后，框架显示几乎（1,1）大小和它的空（如果我
-
问题内容： 我正在尝试将一些内容插入“空白” iFrame中，但是没有插入任何内容。 HTML： JS： 我正在调用该函数，所以我不明白为什么它没有插入。 问题答案： 您真的不需要jQuery： 如果绝对必须使用jQuery，则应使用 请不要忘记，如果您使用的是jQuery，则需要按如下所示插入DOMReady函数：