jquery UI 选项卡内容在单击按钮时打印

jquery ui tabs content print on button click?

本文关键字：单击 按钮 打印 UI 选项 jquery      更新时间：2023-09-26
  function printDiv(divId) {
        //Get the HTML of div
        var divElements = document.getElementById(divID).innerHTML;
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML =
          "<html><head><title></title></head><body>" +
          divElements + "</body>";
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;
    }
第一个选项卡的

div 内容是使用上述功能打印的，但我有多个选项卡，只需单击一下按钮即可打印。

有一个jquery插件可以打印div内的内容。 看这里

为什么不简单地使用 CSS 进行打印？CSS在这方面非常强大：您可以定义标签，其中为正文以外的所有内容设置display="none"，这些标签仅适用于打印和打印预览。这很简单不是吗？

在这里，您有一个用于打印的CSS的完美示例：

相关文章：