Tạo IFRAME bằng cách sử dụng JavaScript

Question

Tôi có một trang web được lưu trữ trực tuyến và tôi muốn có thể chèn IFRAME vào một trang web khác bằng cách sử dụng một số JavaScript.

Đây có phải là cách tốt nhất có thể được không, tôi chỉ cần thêm URL trang web vào JavaScript và nó hoạt động trên tất cả các trình duyệt?

Cảm ơn

Answer 1

Bạn có thể sử dụng:

<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> 

cũng kiểm tra basics of the iFrame element

Answer 2

Nó là tốt hơn để xử lý HTML như một mẫu hơn để xây dựng các nút thông qua JavaScript (HTML không phải là XML sau khi tất cả.) Bạn có thể giữ cú pháp HTML của IFRAME bằng cách sử dụng mẫu và sau đó thêm nội dung của mẫu vào một DIV khác.

<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>