以javascript格式从用户输入中定位iframe src [英] Targeting iframe src from user input in javascript form

问题描述

我正在尝试从javascript表单中定位iframe的源代码。因此，如果有人输入 http://www.reddit.com ，iframe的来源将更改为reddit.com
我已经尝试了一些东西，但你不能在src中放一个脚本标签，所以有没有办法用javascript做这个，或者我需要做一个php echo函数？

I'm trying to target an iframe's source from a javascript form. So if someone typed in http://www.reddit.com the iframe's source would change to reddit.com I've tried a few things but you can't put a script tag within src, so is there any way to do this with javascript, or would i need to make a php echo function?

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

推荐答案

你的意思是这样吗？

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

这篇关于以javascript格式从用户输入中定位iframe src的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！