window.print() javascript 无法在 chrome 中预览答案

【问题标题】：window.print() javascript doesnt get previewed in chromewindow.print() javascript 无法在 chrome 中预览
【发布时间】：2011-08-04 18:06:10
【问题描述】：

我有一个灯箱插件需要额外的选项 - 打印图像。所以我做了一个小的 JS 函数来打印该图像，如下所示：

var headstr="<!DOCUMENT html><html xmlns='http://www.w3.org/1999/xhtml'><head><title></title></head><body>";
var footstr="</body>";
var newstr="<img src=\"[img-location]\" alt='courses' />";
document.body.innerHTML=headstr+newstr+footstr;
window.print();
window.location.reload();

问题是当用户按下打印按钮时，在 chrome 中它会打开一个新窗口（chrome 打印页面），并在其中显示 - print preview failed。在 Firefox 和 IE8 中它工作得很好......

【问题讨论】：

标签： javascript image google-chrome printing

【解决方案1】：

我不知道这是否是导致您失败的原因，但如果 window.print() 是从具有 method="post" 的表单中的调用的（即每个 asp.net页面）然后Chrome打印预览假发。

解决办法是加上return false；在 window.print() 之后，页面不会回发。

<html>
 <head>
 </head>
 <body>
  <form method="post" action="test.html">
   <p>This is only a test.  Had this been a real emergency....</p>

    <!--This doesn't work -->  
    <!-- <input type="submit" onclick="JavaScript:window.print();">-->  

    <!--But this does -->
    <input type="submit" onclick="JavaScript:window.print();return false;">

 </form>
</body>
</html>

【讨论】：

【解决方案2】：

我不确定这是否是问题所在，但您正在创建无效的 html。一方面，您不要关闭<html> 标签。此外，您还在正文中添加了html 和head 标签。

【讨论】：

我添加了关闭 html 标记，但有什么问题： - 又名 -你的第二句话。顺便说一句，只放置结束 html 仍然没有帮助。
该结构适用于整个页面，但您将其插入到您的正文中 document.body.innerHTML。所以你已经有了<html><head><title></title></head><body>，在里面你又放了一个<html><head>etc.
对了，我可以做document=headstr+newstr+footstr吗？我想要它，因为它还会删除现有的标题内容
这个问题似乎回答了这个问题：stackoverflow.com/questions/4292603/…
我也缺少关闭 img 标记，但 chrome 仍然显示相同的页面，当我去查看页面预览源代码时 - 似乎我所做的 javascript 更改 - 没有产生任何影响，但之后页面已更改，如果我按然后打印，它会按原样显示！