如何使用Javascript或jQuery動態更新iframe

Question

我正在開發一個帶有文本框，提交按鈕和iframe的頁面。

該URL應該放在文本框中。 按下按鈕后，結果應顯示在iframe中。

我該怎么做呢？

Answer 1

您根本不需要JavaScript。 將表單的目標屬性設置為框架的名稱，它將在此處加載。

另請參閱副本。 您如何發布到iframe？ 。

Answer 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>