无法从javascript函数将src设置为iframe

Question

我有像这样的html结构

<form id="form_search">
    <input type="text" id="url_iframe"/>
    <button id="search">Start</button>
</form>
<iframe id="iframe_search" >
</iframe>

我尝试从像这样的javascript设置iframe scr

window.onload = function ()
{
   document.getElementById('search').onclick = inicializar;

   function inicializar ()
   {
     var url_iframe = "http://localhost/site/index.php";
     document.getElementById('iframe_search').src = url_iframe;            
   }
}

但问题是iframe没有保留scr值...

如何将属性设置为iframe？

谢谢！

Answer 1

您需要阻止鼠标单击事件的默认事件行为。更好的选择是将事件添加到submit事件以支持旧浏览器。

http://jsfiddle.net/xd2d9/1/

event.preventDefault();

Answer 2

也许您应该将inicializar()函数移到window.onload()函数之外，因为我猜您需要一个具有全局范围的函数来运行它onclick。