如何使用HTML和javascript显示表单框中的URL?

如何使用HTML和javascript显示表单框中的URL?,javascript,php,jquery,html,iframe,Javascript,Php,Jquery,Html,Iframe,尝试将表单框与HTML一起使用,以创建可用于更改IFRAME的url。这就是我现在拥有的 <input type="url" id="URL" value=""> <button onclick="webFunct()">Go!</button> <br><a href= id="ViewURL" target="WebViewer></p> <script> function webFunct() {

尝试将表单框与HTML一起使用,以创建可用于更改IFRAME的url。这就是我现在拥有的

<input type="url" id="URL" value="">
<button onclick="webFunct()">Go!</button>
<br><a href= id="ViewURL" target="WebViewer></p>

<script>
function webFunct() {
    var x = document.getElementById("URL").value;
    document.getElementById("ViewURL").innerHTML = x;
}
</script>

<iframe width="100%" height="640px" name="WebViewer">
</iframe>

走!


走!
函数webFunct(){
document.getElementById(“frame”).src=x;
}

不要忘记将“x”更改为url

您可以通过编程方式设置
iframe
的url:

document.getElementById('web-view').src = url;
看看这个:


但是,请注意,许多网站,例如
google.com
yahoo.com
不允许将自己插入
iframe
s.

“通过advocation使用内联事件处理……是非常不鼓励的,相反,使用事件侦听器”正是我想要的。工作起来很有魅力。谢谢
document.getElementById('web-view').src = url;