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

【问题标题】：Load URL from text box into iframe将文本框中的 URL 加载到 iframe 中
【发布时间】：2009-05-25 17:54:08
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

我会修改它以在每个步骤中添加错误检查：if (oIFrame != null)...

【解决方案2】：

如果您使用的唯一 iframe，则使用 document.frames：

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.
}

【讨论】：

【解决方案3】：

我想通过 jQuery 来补充一下

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

带有错误检查：

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

【讨论】：