2013-07-07 6 views
-1
<html> 
<body> 
    <iframe id="src"> 

</body> 
</html> 

javascript 함수를 통해 div 요소에 iframe을 표시하고 싶지만 작동하지 않는 항목을 파악할 수 없습니다. 어떤 아이디어?iframe을 변수에 저장하는 방법은 무엇입니까?

document.getElementById('site').src = http://www.w3schools.com/; 

미리 감사드립니다.

+5

'죄송합니다 –

+0

을 site' 그 유형을 위해, 비록 내가 이드를 고치더라도, 여전히 보이지 않을 것이다. – idude

+0

사이드 노트에, W3 학교는 지독하다. 광고는 그 곳곳에 있으며 그 자습서는 정말로 낮은 품질이다. https://developer.mozilla.org/en-US/docs 대신 환상적인 모질라 문서 도구를 참고로 사용해야합니다. –

답변

5

는 시도 document.getElementById('src').src = 'http://www.w3schools.com/';

URL은 당신은 iframe의 id가 srcsite

+0

위대한 솔루션, 그냥 한 가지 더 질문 : 배열에있는 모든 URL을 저장하는 API를 사용하고 있습니다. 'document.getElementById ('src '). src ='thefeeds [i] .link ';'를 시도하면 코드가 작동하지 않습니다. 어떻게 해결할 수 있을까요? – idude

+0

따옴표를 제거하십시오. 배열은 문자열을 저장하므로 해결하려는 변수의 문자열 표현이 아닌 해당 변수의 값을 사용하려고합니다. –

+0

죄송합니다. 다시 한 번 말씀해 주셔서 죄송하지만 따옴표를 제거하면 iframe이 빈 페이지가됩니다.href 태그에서 thefeeds.link를 사용할 때 완벽하게 작동하기 때문에 링크가 맞다는 것을 알고 있습니다. document.getElementById ("src"). src = thefeeds [i] .link – idude

0

당신은 iframe이 ID가없는 아닌) 문자열 (인용)

B로 제공되어야) site이므로 코드가 아무런 영향을 미치지 않습니다. (iframe 태그를 닫지 않았습니다.)

여기에 올바른 코드 (fiddle)가 있습니다.

<input type="button" onclick="changeIframeSrc('myFrame');" value="changeSrc"> 
<iframe src="http://www.example.com" id="myFrame"></iframe> 

<script> 
function changeIframeSrc(id) { 
    e = document.getElementById(id); 
    e.src = "http://www.wikipedia.com/"; 
} 
</script> 
0

첫째, 몇 작은 것들 :

  1. iframesrc 것으로 보인다 온 id하지 site;
  2. iframe 태그를 닫아야합니다.

당신이 한 iframe 상대하고 있다고 가정하면 그것은 꼭 다음 id있다 : 당신이보다 더 많은 작업중인 경우,

var myIframe = document.getElementById('src'); 
// gives you just that one iframe element 

당신은 비록 document.querySelectorAll을 고려할 수를 하나 iframe.

var iframes = document.querySelectorAll('iframe'); 

참조 그 행동 : http://jsbin.com/equzey/2/edit

그리고 중요한 측면 참고 : 당신이 필요로하는 모든이 iframe 요소에 액세스 할 경우 (예를 들어, 소스를 조작하거나 style 속성을 통해 CSS를 적용) 후 이상이어야합니다. 당신이 iframe의 내용으로 작업해야하는 경우에는, 당신은 contentWindow 속성을 사용하여 해당 웹 페이지 문맥 안에 도착해야합니다 : 당신은 ID를 가진 요소가없는

var iframes = document.querySelectorAll('iframe'); 
iframes[0].contentWindow; 
관련 문제