如何在 iFrame 中包含带有 javascript 的外部 html

Question

我正在尝试使用休息服务获取 html 和 javascript（在这个 javascript 脚本标签内的相对路径）并在我的 [=33= 的 iFrame 中显示它]申请。

基本上我们正在与 webfocus 集成，当我们调用 rest 服务时，webfocus 提供 html 内容。此 html 内容中包含脚本标签，并且此脚本标签包含相对路径。所以当我尝试将 html/javascript 绑定到 iFrame 的 contentWindow.document.body 时，我遇到了相对路径问题。

如有任何帮助，我们将不胜感激。

Angularjs指令如下

.directive("preview", ['$sce',function ($sce) {
    function link(scope, element) {
        var iframe = document.createElement('iframe');
        iframe.setAttribute("id", "ifWebFocusContent");
        iframe.setAttribute("name", "nameWebFocusContent");

        var element0 = element[0];
        element0.appendChild(iframe);
        var body = iframe.contentWindow.document.body;
        //var body = iframe.document.body;

        scope.$watch('content', function () {                
            body.innerHTML = $sce.trustAsHtml(scope.content);
        });
    }

    return {
        link: link,
        restrict: 'E',
        scope: {
            content: '='
        }
    };
}])

而HTML代码是<preview content="reportHtml"></preview>

I used this link to write this code.

Answer 1

当我在 iframe 中添加基础标签 here 时问题得到解决还在手表内部使用了这 3 行，而不是分配内部 html.

 iframe.contentWindow.document.open();
                iframe.contentWindow.document.write($sce.trustAsHtml(scope.content));
                iframe.contentWindow.document.close()

如何在 iFrame 中包含带有 javascript 的外部 html

how to include an external html with javascript in iFrame

iframe

innerhtml

webfocus

angularjs