Javascript 如何加载iframe中文本框中指定的URL？

我正在使用CSS/HTML和Javascript（Netscape 4.0）创建一个假浏览器外壳，我想知道是否可以在iframe的文本框中加载键入的URL。我在网上找到了一些东西，它在同一个目录中加载页面，但不加载外部URL。以下是代码的这一部分：

<input type="submit" name="submit" id="submit" value="Go" onclick='document.getElementById("theframe").src=document.getElementById("url").value; return false;' />

以下是iframe代码：

<iframe frameborder="0" class="iframe" id='theframe' style="width:100%; height:100%;" scrolling="yes"></iframe>

最基本的

<script type="text/javascript">
function loadUrl() {
    document.getElementById("urlDisplay").src = document.getElementById("urlSource").value;
}
</script>

<p><input type="text" id="urlSource" value="http://www.cnn.com"> <input type="button" value="Go" onclick="loadUrl()">

<p><iframe id="urlDisplay" width="200" height="200">

函数loadUrl（）{
document.getElementById（“urlDisplay”）.src=document.getElementById（“urlSource”）.value；
}

在回答您的问题之前，请注意，有些网站拒绝在iframe内加载页面（示例：），有些网站会强制在iframe外加载页面（示例：）。是的，我知道，很糟糕

好的，下面是我对解决你的问题的看法：

<form action="" method="post" id="url-setter">
    <input type="text" name="url" id="url" />
    <button type="submit" name="submit">Change URL</button>
</form>
<iframe id="the-frame" width="640" height="480" src=""></iframe>
<script type="text/javascript">
    (function () {
        "use strict";
        var url_setter = document.getElementById('url-setter'), url = document.getElementById('url'), the_iframe = document.getElementById('the-frame');
        url_setter.onsubmit = function (event) {
            event.preventDefault();
            the_iframe.src = url.value;
        };
    }());
</script>

更改URL
（功能（）{
“严格使用”；
var url_setter=document.getElementById（'url-setter'）、url=document.getElementById（'url'）、the_iframe=document.getElementById（'the-frame'）；
url_setter.onsubmit=函数（事件）{
event.preventDefault（）；
_iframe.src=url.value；
};
}());

我发现，到目前为止，这个在我的测试中效果更好。我目前正在为学生制作一个网站封面（这是一个关于他们想要使用iframe的网站的作业iframe）：

函数loadUrl（）{
document.getElementById（“urlDisplay”）.src=document.getElementById（“urlSource”）.value；
}

-但到目前为止，我唯一要添加的功能是修改文本框大小的脚本，这样当你点击go时，iframe就在文本框的上方

---

-这里是sitecover演示的链接（请注意，没有添加图形和糟糕的布局，这些不是我将在演示中修复的bug，因为这就是演示的原因）

我无法将其更改为cnn.com以外的任何内容。如果有帮助的话，这应该是一个浏览器模拟器。这个文本框是地址栏。我的代码是一个演示。取

值=”http://www.cnn.com“

part out让用户输入他们的URL。正如另一篇文章提到的，请注意，一些网站对在一个框架中加载不会有很好的响应。谷歌就是一个很好的例子。

<script type="text/javascript">
function loadUrl() {
    document.getElementById("urlDisplay").src = document.getElementById("urlSource").value;
}
</script>