动态加载HTML和iframe

Question

我正在尝试动态地将带有HTML的iframe添加到现有页面。 我已经得到了iframe加载和显示。 但是iframe的“正文”没有显示。 有帮助吗？

<html>
<head>
<script>
window.onload = function() {
                var iframe = document.createElement('iframe');
                var html =
                    '<html><head>' +
                        '<scr' + 'ipt src="https://localhost:44302/foo.js"></scr' + 'ipt>' +
                        '<scr' + 'ipt src="https://localhost:44302/bar.js"></scr' + 'ipt>' +
                    '</head>' +
                    '<body>Hi</body></html>';
                iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);
                document.body.appendChild(iframe);
                console.log('iframe.contentWindow =', iframe.contentWindow);
            }
</script>
</head>
<body></body>
</html>

https://jsfiddle.net/0m5axpxx/2/

Answer 1

对不起，没有足够的代表直接评论。

var iframe = document.createElement('iframe');
var html =
    '<html>' + 
    '<head>' +
    '<scr' + 'ipt src="https://localhost:44302/oidc.js"></scr' + 'ipt>' +
    '<scr' + 'ipt src="https://localhost:44302/requestToken.js"></scr' + 'ipt>' +
    '</head>' +
    '<body>Hi</body>' + 
    '</html>';

iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);
document.body.appendChild(iframe);
console.log('iframe.contentWindow =', iframe.contentWindow);

你在jsfiddle中的例子，'script'的第二行，是错误的srcipt ，修复它，它的工作原理。 的jsfiddle

 var iframe = document.createElement('iframe'); var html = '<html>' + '<head>' + '<scr' + 'ipt src="https://localhost:44302/oidc.js"></scr' + 'ipt>' + '<scr' + 'ipt src="https://localhost:44302/requestToken.js"></scr' + 'ipt>' + '</head>' + '<body>Hi</body>' + '</html>'; iframe.srcdoc = html; document.body.appendChild(iframe); console.log('iframe.contentWindow =', iframe.contentWindow);

动态加载HTML和iframe

问题描述

1 个解决方案

解决方案1
3 2015-06-16 15:10:33

动态加载HTML和iframe

问题描述

1 个解决方案

解决方案1 3 2015-06-16 15:10:33

解决方案1
3 2015-06-16 15:10:33