打印时不显示Javascript HTML表格添加答案

【问题标题】：Javascripted HTML table addition not displaying when printed打印时不显示Javascript HTML表格添加
【发布时间】：2017-12-29 06:52:37
【问题描述】：

我已经用 HTML 编写了一个表格。但是，如果包含变量，表中可能存在一些变量，需要我在末尾附加一个额外的条目。

我有链接到 JavaScript 代码块的代码 HTML：

var sku = "".concat("[%ITEM_SKU1%]", "[%ITEM_SKU2%]", "[%ITEM_SKU3%]", "[%ITEM_SKU4%]");
var mini_sku = "-01969-|-01970-|-01971-|-01972-|";
var personRegExp = new RegExp(mini_sku);
if (personRegExp.test(sku)) {
  document.getElementById("Additional").innerHTML = '<td class="is2"> \
            <font color="#FF0000" size="+3"><b>+</b></font>          </td>\
          <td class="is2"><strong> \
            Additional Item          </strong></td>\
          <td class="is2"> \
            Additional Item(s) (Title)           </td>\
          <td class="is6"> \
            <div align="right"> \
              n/a           </div>          </td>\
          <td class="is6"><div align="right"> n/a</div></td>';
}

&lt;tr id="Additional"&gt;&lt;/tr&gt;

代码基本上在变量“sku”中搜索“mini_sku”中列出的数字。如果它们在那里，则将额外的条目添加到表中。

当我在浏览器中打开 .html 文件时，此代码运行良好。但是，当我尝试直接打印文件时，代码不起作用，并且没有添加额外的条目。当我去打印文件时，有没有办法让它正常工作？

【问题讨论】：

“打印”到底是什么意思？转换成另一种格式？（如 pdf）或只是将文件发送到打印机？
我的意思是直接将文件发送到印刷机进行印刷，抱歉措辞含糊。 @JulioPérez
好的，没问题。另一个问题：您是否使用 window.print 将文件发送到打印机？

标签： javascript html printing html-table

【解决方案1】：

我已阅读您的评论。尝试更多地解释您的问题，因为问题太宽泛或有点模糊。

请记住 Javascript 是一种解释型编程语言。 Javascript 需要由浏览器解释才能工作。如果您在没有先在浏览器中打开文件的情况下将其发送到打印，则代码的 javascript 部分将永远无法工作。这就是为什么当您打印时看不到表格上的额外列的原因。

你能做什么？好吧...我想您在 div 标签内有这个表（让我们将其命名为“yourdiv”）所以...您可以在要打印的文件上放置一个按钮：

<div id="tablediv">
    <!-- Here you have your table with the extra column -->
</div>

<input type="button" name="Print" value="Print" onclick="toprint();">

javascript函数：

function toprint() {

     var content= document.getElementById(tablediv);
      var contentprint = window.open(' ', 'Table');
      contentprint.document.write(content.innerHTML );
      contentprint.document.close();
      contentprint.print( );
      contentprint.close();

}

【讨论】：

你错过了这里的链接吗？