Javascript 또는 jQuery를 사용하여 동적으로 iframe을 업데이트하는 방법

Question

텍스트 상자, 제출 단추 및 iframe으로 페이지를 개발 중입니다.

URL을 텍스트 상자에 입력해야합니다. 버튼을 누르면 결과가 iframe에 표시됩니다.

어떻게하면됩니까?

Answer 1

JavaScript가 전혀 필요하지 않습니다. 양식의 대상 속성을 프레임 이름으로 설정하면 거기에로드됩니다.

복제본 How do you post to an iframe?도 참조하십시오.

Answer 2

여기서 Y는 날엔 그래서, 지금 내가 google.com 입력 한 텍스트 상자에 ,,

<form target="#" name="iframeform" action="post"> 

    <input type="text" value="http://" name="framefood" id="framefood" /><br /> 
    <button id="feedframe" onclick="completeFrame(); return false;">Send</button><br /><br /> 
    <iframe id="feedme" width="600" height="400"></iframe> 
</form> 
<script> 

    var completeFrame = function(e){ 
     var feidlId = document.getElementById("framefood"); 
     var frameSrc = feidlId.value; 
     var frameId = document.getElementById("feedme"); 
     frameId.src = frameSrc; 
    } 

</script>