Question

我在JSON对象中有一个完整的HTML5页面，我必须在div或iframe中将它显示在我的页面中。以下是示例代码。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        window._reviewWidget = {
            onReady: function () {
                var block1 = {
                    voyagerId:"xxxxxxx",
                    container: "container",
                    flavour:"small"
                };
                _reviewWidget.loadReview(block1);
            }
        };
        (function (W,i,D,G,E,T)
        {
            W[G] = W[G] || {};
            T = i.getElementsByTagName(D)[0];
            E =i.createElement(D);
            E.async = 1;
            E.src ='/js/reviewWidget.js';


            T.parentNode.insertBefore(E, T);
        })(window, document,'script','_reviewWidget');
    </script>
</head>
<body>
    <div id="container">
    </div>
</body>
</html>

当我尝试将代码放在div或iframe中时，只获取容器div，标题部分和正文，HTML标记丢失。我知道我们不能将这些标签放在div中，所以我也尝试了iframe。但是同样的问题要么可以将整个代码看作文本，要么只看到容器div。

我使用的iframe代码（带有上述HTML代码的html_code JS变量）

1型

$('#HtmlFrame').contents().find('body').html(html_code);

Type-2

var iframe = document.createElement('iframe');
var ctnr = document.getElementById('Ewidget');
ctnr.appendChild(iframe);
iframe.contentWindow.document.open('text/htmlreplace');
iframe.contentWindow.document.write(html_code);
iframe.contentWindow.document.close();

感谢。

需要将整个HTML5代码放在div或iframe中

0 个答案: