如何使用 Javascript 或 jQuery 动态更新 iframe答案

【问题标题】：How do I dynamically update an iframe using Javascript or jQuery如何使用 Javascript 或 jQuery 动态更新 iframe
【发布时间】：2012-02-23 22:18:44
【问题描述】：

我正在开发一个带有文本框、提交按钮和 iframe 的页面。

网址应放在文本框中。点击按钮后，结果应该出现在 iframe 中。

我该怎么做？

【问题讨论】：

标签： javascript iframe

【解决方案1】：

您根本不需要 JavaScript。将表单的 target 属性设置为框架的名称，它将在那里加载。

另请参阅重复的How do you post to an iframe?。

【讨论】：

【解决方案2】：

这里是现在使用 js 的快速解决方案

 <form target="#" name="iframeform" action="post">

     <input type="text" value="http://" name="framefood" id="framefood" /><br />
     <button id="feedframe" onclick="completeFrame(); return false;">Send</button><br /><br />
     <iframe id="feedme" width="600" height="400"></iframe>
 </form>
 <script>

     var completeFrame = function(e){
         var feidlId = document.getElementById("framefood");
         var frameSrc    =   feidlId.value;
         var frameId = document.getElementById("feedme");
         frameId.src =   frameSrc;
     }

 </script>

【讨论】：

，在文本框中我输入了 google.com，但它没有出现在 iframe 中，y 是这样吗？
您可能需要检查输入的网址是否有 http:// 等，因为它不能正常工作？
我确实输入了网址和“http://”，但它给了我一个错误，说“找不到这个网页”
那么如果它在 iframe 中显示此消息，它所寻找的站点似乎是一个问题？