<html>
<body>
<iframe id="src">
</body>
</html>
javascript 함수를 통해 div 요소에 iframe을 표시하고 싶지만 작동하지 않는 항목을 파악할 수 없습니다. 어떤 아이디어?iframe을 변수에 저장하는 방법은 무엇입니까?
document.getElementById('site').src = http://www.w3schools.com/;
미리 감사드립니다.
<html>
<body>
<iframe id="src">
</body>
</html>
javascript 함수를 통해 div 요소에 iframe을 표시하고 싶지만 작동하지 않는 항목을 파악할 수 없습니다. 어떤 아이디어?iframe을 변수에 저장하는 방법은 무엇입니까?
document.getElementById('site').src = http://www.w3schools.com/;
미리 감사드립니다.
는 시도 document.getElementById('src').src = 'http://www.w3schools.com/';
URL은 당신은 iframe의 id가 src
site
이
위대한 솔루션, 그냥 한 가지 더 질문 : 배열에있는 모든 URL을 저장하는 API를 사용하고 있습니다. 'document.getElementById ('src '). src ='thefeeds [i] .link ';'를 시도하면 코드가 작동하지 않습니다. 어떻게 해결할 수 있을까요? – idude
따옴표를 제거하십시오. 배열은 문자열을 저장하므로 해결하려는 변수의 문자열 표현이 아닌 해당 변수의 값을 사용하려고합니다. –
죄송합니다. 다시 한 번 말씀해 주셔서 죄송하지만 따옴표를 제거하면 iframe이 빈 페이지가됩니다.href 태그에서 thefeeds.link를 사용할 때 완벽하게 작동하기 때문에 링크가 맞다는 것을 알고 있습니다. document.getElementById ("src"). src = thefeeds [i] .link – idude
당신은 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>
첫째, 몇 작은 것들 :
iframe
이 src
것으로 보인다 온 id
하지 site
;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;
'죄송합니다 –
을 site' 그 유형을 위해, 비록 내가 이드를 고치더라도, 여전히 보이지 않을 것이다. – idude
사이드 노트에, W3 학교는 지독하다. 광고는 그 곳곳에 있으며 그 자습서는 정말로 낮은 품질이다. https://developer.mozilla.org/en-US/docs 대신 환상적인 모질라 문서 도구를 참고로 사용해야합니다. –