javascript - 以 javascript 形式从用户输入定位 iframe src

Question

我正在尝试从 javascript 表单中定位 iframe 的源。因此，如果有人输入http://www.reddit.com iframe 的源代码将更改为 reddit.com 我已经尝试了一些方法，但您不能在 src 中放置脚本标签，那么有什么办法可以做到这一点用javascript，还是我需要做一个php echo函数？

<iframe  src="http://www.stachoverflow.com/"></iframe>

Answer 1

你的意思是这样的吗？

<input type="url" placeholder="http://example.com/" /><button id="urlclick">Go</button>
<iframe id="frm"></iframe>

<script type="text/javascript">
  document.getElementById('urlclick').onclick = function() {
    document.getElementById('frm').src = this.previousSibling.value;
    return false;
  }
</script>

Answer 2

通过使用jquery，我们可以这样做..

<input type="text" id="address">
<button onclick="get_url()"></button>
<iframe id="frm"></iframe>

<script>
function get_url()
{
var adr=$('#address').val();
$('#frm').attr('src', url);
}
</script>