javascript - 用于打印功能的 jquery 在 asp.net 中不起作用

Question

我编写了以下脚本来打印文档:

<script type="text/javascript">
    function print() {
        window.print();
    }
    $(".printdoc").click(function () {
        print();
    });
 </script>

我正在通过 <asp:button../> 调用上述脚本如下:

<asp:Button ID="btnPrint" runat="server" Text="Print" CssClass="printdoc"/>

每次我点击按钮时，它都会再次加载页面，但查询似乎不起作用。

当我检查资源时，我发现了以下控制台错误:

Uncaught ReferenceError: $ is not defined

Answer 1

print 可能会与内置打印功能发生冲突。所以我们称它为 printPage。

<script type="text/javascript">
    function printPage() {
        window.print();
    }
 </script>

除了 Rahul 的引用 jQuery 解决方案之外，默认情况下 asp:Button 将在单击时回传到服务器。所以切换到常规按钮。

<button type="button" onclick="printPage()" runat="server">Print</button>

如果你愿意，你可以关闭 runat 属性，只有当你想从后面的代码中引用它时才需要它。

---

如果你真的想使用asp:Button，你可以这样做:

<asp:Button ID="btnPrint" runat="server" Text="Print" OnClientClick="printPage(); return false;"/>

return false; 将阻止回发。但我认为将 asp:Button 用于客户端方面没有多大意义。