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());
  }

});

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

2 个答案: