jquery ui选项卡内容在按钮单击时打印？ [关闭]答案

【问题标题】：jquery ui tabs content print on button click? [closed]jquery ui选项卡内容在按钮单击时打印？ [关闭]
【发布时间】：2013-07-08 09:42:31
【问题描述】：

  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 内容是使用上述功能打印的，但我有多个选项卡，只需单击一次按钮即可打印。

【问题讨论】：

标签： javascript jquery asp.net jquery-ui

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

Here 你是打印 CSS 的完美示例：

【讨论】：