JavaScript를 사용하여 IFRAME 만들기

Question

나는 온라인으로 웹 페이지를 호스팅하고 있으며 일부 JavaScript를 사용하여 다른 웹 페이지에 IFRAME을 삽입 할 수 있습니다.

이것이 가능한 가장 좋은 방법은 무엇입니까? JavaScript에 웹 페이지 URL을 추가하고 모든 브라우저에서 작동하는지 어떻게 알 수 있습니까?

감사

Answer 1

당신은 사용할 수 있습니다

<script type="text/javascript"> 
    function prepareFrame() { 
     var ifrm = document.createElement("iframe"); 
     ifrm.setAttribute("src", "http://google.com/"); 
     ifrm.style.width = "640px"; 
     ifrm.style.height = "480px"; 
     document.body.appendChild(ifrm); 
    } 
</script> 

도 basics of the iFrame element

Answer 2

(HTML 결국 XML 아닌 자바 스크립트를 통해 노드를 구축하는 것보다 템플릿으로 HTML을 처리하는 것이 좋습니다를 확인합니다.) 템플릿을 사용하여 템플릿의 내용을 다른 DIV에 추가하면 IFRAME의 HTML 구문을 깨끗하게 유지할 수 있습니다.

<div id="placeholder"></div> 

<script id="iframeTemplate" type="text/html"> 
    <iframe src="..."> 
     <!-- replace this line with alternate content --> 
    </iframe> 
</script> 

<script type="text/javascript"> 
var element, 
    html, 
    template; 

element = document.getElementById("placeholder"); 
template = document.getElementById("iframeTemplate"); 
html = template.innerHTML; 

element.innerHTML = html; 
</script>