Javascript “打印”按钮不工作

我为网页创建的打印按钮不起作用。当我检查元件时，似乎什么也没有出来。没有一个错误

以下是我的html代码：

<button onclick = "printAddOrders()">Print New Orders</button>

这里还附带了一个指向我的JSFIDLE的链接，我在这里模拟了问题，以便更清楚地展示：

试试看

<button onclick = "window.print()">Print New Orders</button>

打印新订单

您可以通过按钮调用

printAddOrders（）

。我想你的意思是调用

printNewOrders（）

打印新订单

---

你想完成什么？或者您需要更多关于打印功能的信息？

您忘记将

打印单击
id添加到


函数名不一致。html中有
printAddOrders
，js中有
printNewOrders

这是您正在使用的小提琴的一部分。
完整代码供您参考：

函数printNewOrders（）{window.print（）；}



感谢您既没有定义
printNewOrders
也没有定义
printAddOrders
。使用
onclick
可以附加
printAddOrders
，但没有函数体

其次，没有id
print click
附加到任何DOM元素

您的JSFIDLE无法正常工作，因为您使用了$，但未包含
jquery

下面是单击按钮打开
打印窗口的代码片段。这里不需要jquery

HTML

<button onclick = "printAddOrders()" id ="print-click">Print New Orders</button>

// Note there is no onclick handler added since you are delegating the event to click of `print-click`
<button onclick = "" id ="print-click">Print New Orders</button>


带有jquery的代码段

HTML

<button onclick = "printAddOrders()" id ="print-click">Print New Orders</button>

// Note there is no onclick handler added since you are delegating the event to click of `print-click`
<button onclick = "" id ="print-click">Print New Orders</button>

您的onclick属性中的函数名错误-单击该属性时出现的错误表明：
未捕获引用错误：未定义printAddOrders
。当代码失败时，控制台应该是您检查的第一件事！此外，您的JSFIDLE无法工作，因为它没有包含jQuery。此外，
$（文档）。on（“click”，…）
的目标是不存在的
#print click
。
// Note there is no onclick handler added since you are delegating the event to click of `print-click`
<button onclick = "" id ="print-click">Print New Orders</button>

function printNewOrders(){
  window.print();
}
$(document).on("click", "#print-click", printNewOrders);