我正在使用CSS/HTML和Javascript（Netscape 4.0）創建一個假的瀏覽器shell，我想知道是否有可能加載在iframe中的文本框中鍵入的URL。我在網上找到了一些東西，它將頁面加載到同一目錄中，但不是外部URL。這裏是代碼的那一段：如何在iframe中加載文本框中指定的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">
在我回答你的問題，採取請注意，有些網站拒絕在iframe內部加載網頁（例如：http://google.com），有些網站會強制將網頁加載到iframe之外（例如：http://www.tumblr.com）。是的，我知道，它很糟糕。
好了，這裏是我採取的解決問題的方法：
<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>
我不能這雖然改變什麼，但cnn.com。這應該是一個瀏覽器模擬器，如果有幫助。這個文本框是地址欄。 – rn10950
我的代碼是一個演示。拿出'value =「http://www.cnn.com」'部分讓用戶輸入他們的URL。正如另一篇文章提到的那樣，請注意，有些網站對於在框架中加載時不會很好。 Google是一個很好的例子。 –