자바 스크립트가 처음 변경된 후 iframe 소스를 변경하지 않습니다.

Question

소스가 foo.php 인 Iframe이있는 스크립트가 있습니다.

또한 내 페이지에 클릭하면 소스를 변경하는 자바 스크립트 기능을 트리거하는 5 개의 링크가 있습니다. 유일한 문제는 하나의 링크를 클릭하고 iframe을 변경하면 다음에 링크를 클릭해도 더 이상 변경되지 않는다는 것입니다. 여기

는 자바 스크립트입니다 :

<script> 
function changeSource(newSource) { 
    parent.sec1.document.location=newSource; 
} 
</script> 

여기에 HTML입니다 :

<a href="#calandar" onclick="changeSource('http://www.example.com/view.php')">Calandar</a><br /> 
<a href="#facebook" onclick="changeSource('http://www.facebook.com')">Facebook</a><br /> 
<a href="#gmail" onclick="changeSource('http://www.gmail.com')">Gmail</a><br /> 
<a href="#reddit" onclick="changeSource('http://www.reddit.com')">Reddit</a><br /> 
<a href="#twitter" onclick="changeSource('http://www.twitter.com')">Twitter</a><br /> 
</div> 

<div id="sec1"> 
<iframe src="view.php" name="meat" width="100%" height="75%" ></iframe> 
</div> 

감사합니다. 내가 제대로 질문을 이해하면

Answer 1

, 그 iframe을에 ID를 추가하려고하고 수행

 

function changeSource(newSource) { 
    document.getElementById('yourIframeId').src = newSource; 
} 
 

는

Answer 2

<script> 
function changeSource(newSource) { 
    document.getElementById('my-iframe').src=newSource; 
} 
</script> 
... 
... 
... 
<iframe src="view.php" id='my-iframe' width="100%" height="75%" ></iframe>