Question

我可以毫无问题地将内容放入iframe的主体中，但我不能将内容放入标题或iframe的整个html部分。

所以它完全忽略了我需要打印的所有@media和@page，我认为这是因为它将我的代码放入了正文部分。（是的，我使用document.body，但我不知道还有什么用）

这是我的iframe

<iframe id="contentFrame"></iframe>

这是代码

var myHtml = ''
+ '     <!DOCTYPE html>           '
+ '     <html>                    '
+ '     <head>                    '
+ '         <title>Testing</title>'
+ '         <meta charset="utf-8" />'
+ '         <style type="text/css"> '
+ '             @media print{       '
+ '                 @page {         '
+ '                     size: landscape;          '
+ '                     margin: 10mm 5mm 5mm 5mm; '
+ '                     mso-header-margin:0mm;    '
+ '                     mso-footer-margin:0mm;    '
+ '                     mso-paper-source:0;       '
+ '                 }                             '
+ '             }    '
+ '         </style> '
+ '     </head>      '
+ '     <body>       '
+ all-my-content-goes-here
+ '     </body>      '
+ '     </html>      '

window.frames[0].document.body.innerHTML = myHtml;

，结果如下所示：

@jezrael

将内容放入iframe并打印出来

0 个答案: