将CSS文件注入到iframe中

时间:2018-07-09 15:55:55

标签: css angular iframe umbraco7

我已经调查了已经提出的问题。但由于某种原因,这种方法对我不起作用。

我有一个带有一些html的自定义umbraco覆盖层,我有一个打印按钮,可以将要打印的html复制到iframe中并调用打印功能。所有作品,但不加载样式。标记在那里,但样式未应用。

                        var $head = $("#eFormIFrame").contents().find("head");
                        var $body = $("#eFormIFrame").contents().find("body");

                        $head.append($("<link/>", {
                            rel: "stylesheet",
                            href: "/umbraco/css/my4n-umbraco.css",
                            type: "text/css"
                        }));

                        $head.append($("<link/>", {
                            rel: "stylesheet",
                            href: "/umbraco/css/my4n-umbraco.css",
                            type: "text/css"
                        }));

                        $body.append($("#printableTable").html());

                        window.frames["print_frame"].window.focus();
                        window.frames["print_frame"].window.print();
                    },
                    close: function () {
                        $scope.printOverlay.show = false;
                    }
                };
            });

有人以前做过这样的事情吗?我还测试了使用文件http://...

的完整路径来加载远程文件而不是本地文件

感谢任何帮助:)

0 个答案:

没有答案