将文本框中的URL加载到iframe中

Question

如何通过javascript将文本框中的网址加载到HTML文件中的iframe中？

Answer 1

var oIFrame = document.getElementById("id_of_iframe");
oIFrame.src = document.getElementById("id_of_textbox").value;

Answer 2

或者使用document.frames（如果它是您正在使用的唯一iframe）：

var myIframe = window.document.frames[0]; // lets grab the iframe object
if (myIframe != null){
  myIframe.src = document.getElementById("id_of_textbox").value; // set the value as source.
}

Answer 3

我想通过jQuery添加

$('iframe#guid').src( $('#textbox_id').val() );

错误检查：

var iframe = $('#guid');
if(iframe.length > 0){
    iframe.attr('src', $('#textbox_id').val());
}