2012-01-04 85 views
16

我有一个网页在线托管,我想这是可能的,我可以插入一个IFRAME到使用一些JavaScript另一个网页的IFRAME。创建使用JavaScript

怎么会变成这样的最好的方式,我只需添加我的网页URL的JavaScript,它在所有的浏览器?

感谢

+0

您是否尝试过的东西? – JohnJohnGa 2012-01-04 11:57:20

+0

推测这两个页面都是你的?你想将YourSiteA插入YourSiteB的iframe中? – beeglebug 2012-01-04 12:09:40

回答

36

您可以使用:

<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

3

这是更好地处理HTML作为比通过JavaScript构建节点模板(HTML是不是XML毕竟。 )您可以通过使用模板,然后附加模板的内容到另一个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> 
+0

我还没有看到一个'脚本[类型= text/html的]'之前;有没有什么区别,而不是'div [style = display:none]'? – 2015-02-04 22:38:51

+2

@大卫库克你提到的语法是完全不同的目的。 :) – 2015-07-01 00:10:21