javascript - 如何获取用户输入并通过 JavaScript 将其直接发布到 HTML 标记中

Question

我想获取用户输入（网站地址）并将其直接发布到 iframe src 标记中。这可以用Javascript完成还是我必须使用其他东西？可能是一个 n00b 问题，但不太确定从哪里开始。

<div id="target">
    <input id="target"></input> <button class="target">Submit</button>
</div>

<div>
    <iframe src="target address goes here from input">
    </iframe>
</div>

Answer 1

是的，Javascript 可以做到这一点，该方法非常简单明了：

var iframe = document.getElementById("id-of-iframe");
var input = document.getElementById("id-of-input").value;
iframe.src = input;

Answer 2

是的，这是可能的（但没有 jQuery 就看不到；）但是使用 jquery 是这样的

$(document).on('keyup', 'input[type="text"'. function(event){

  if(event.keyCode==13){ // Enter Key
    // Validate url

    // Set URL
    $(('iframe').attr('src', $(this).val());
  }

});