iframe의 텍스트 상자에 지정된 URL을로드하려면 어떻게해야합니까?

Question

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> 

Answer 1

...

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

Answer 2

나는 귀하의 질문에 대답하기 전에 취할 일부 사이트에서는 iframe (예 : http://google.com) 안에 페이지를로드하지 않으며 일부 사이트에서는 iframe 외부로 페이지를로드해야합니다 (예 : http://www.tumblr.com). 그래, 알아. 그래도 난 cnn.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>