如何使用HTML和JavaScript从表单框中显示URL？

Question

尝试使用带有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>

我喜欢将IFRAME更改为用户访问的网站的表单框。 我知道这些信息很少，甚至可能含糊不清，但是我通常不寻求帮助，也不知道还有什么要问的。

原始代码来自： http ： //www.w3schools.com/jsref/tryit.asp？filename = tryjsref_url_get

Answer 1

<input type="url" id="URL" value="">
<button onclick="webFunct()">Go!</button>

<script>
function webFunct() {

    document.getElementById("frame").src = x;
}
</script>

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

不要忘记将“ x”更改为网址

Answer 2

您可以通过编程方式设置iframe网址：

document.getElementById('web-view').src = url;

检查一下： http : //jsfiddle.net/andunai/d1zavddu/

但是，请注意，许多网站（例如google.com和yahoo.com不允许将自己插入iframe 。