以javascript格式从用户输入中定位iframe src

时间:2012-12-23 00:18:01

标签: javascript forms url iframe src

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

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

2 个答案:

答案 0 :(得分:3)

你的意思是这样吗?

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

答案 1 :(得分:0)

通过使用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>