javascript 打印不显示按钮的方法


<style type="text/css">
@media print { 
 .noprint{display:none;}
}
</style>

 

<div align="right" class="noprint">
<input type="button"  value="打印" οnclick= "window.print() " style="cursor:pointer;" />
</div>

 打印去掉页眉页脚和日期的脚本

function doPrint() {
        // 获得body的html
        bdhtml=window.document.body.innerHTML;
        // 打印开始的标志
        sprnstr="<!--startprint-->";
        // 打印结束的标志
        eprnstr="<!--endprint-->";
        // 从打印开始的位置截取到末尾
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
        // 从开始截取到打印结束的位置
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
        // 替换html
        window.document.body.innerHTML=prnhtml;
        // 打印
        window.print();
    }
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以通过以下步骤去掉DataTables中的打印按钮: 1. 找到 Datatable 的初始化代码,通常是通过 $('#myTable').dataTable(options) 这样的方式来初始化。 2. 在 options 中添加 buttons 参数,设置为 false,如下所示: ```javascript $('#myTable').dataTable({ buttons: false, // ... other options ... }); ``` 3. 重新载入 Datatable,打印按钮就会被移除。 ### 回答2: 要去掉DataTables中的打印按钮,可以通过以下步骤来实现。 首先,找到DataTables初始化的代码,在初始化选项中添加一项来隐藏打印按钮。具体来说,可以在`dom`选项中设置一个新的字符串,在其中指定表格组件的布局。将不需要显示的组件从字符串中删除即可隐藏它们。在这种情况下,我们需要删除打印按钮,所以我们可以将字符串修改为`<"lBfrtip"`。 例如,如果以如下方式初始化DataTables: ```javascript $('#example').DataTable(); ``` 可以修改为: ```javascript $('#example').DataTable({ "dom": '<"lBfrtip">' }); ``` 这样就会隐藏打印按钮。 此外,还可以通过CSS样式来隐藏打印按钮。找到打印按钮所在的元素,为其添加一个CSS样式`display: none;`来隐藏它。 以上就是去除DataTables中打印按钮的两种方法。 ### 回答3: 要去掉DataTables的打印按钮,我们需要在初始化DataTables进行相应的设置。 首先,我们需要在DataTables的初始化代码中加入一行代码:dom参数。这个参数可以用来定义DataTables的控件布局,包括打印按钮。默认情况下,dom参数已经定义了各个控件的布局和顺序,包括打印按钮。我们需要修改dom参数的值,将打印按钮的控件从布局中移除。 假设我们的DataTables的初始化代码如下: $(document).ready(function(){ $('#example').DataTable({ //其他配置参数 }); }); 我们只需要在初始化代码中加入dom参数,并将打印按钮的控件从布局中移除,代码如下: $(document).ready(function(){ $('#example').DataTable({ dom: 'Bfrtip', buttons: [ 'copy', 'excel', 'pdf' //只保留复制、导出Excel和导出PDF按钮 ] }); }); 在上面的代码中,我们将dom参数的值设为'Bfrtip',表示使用默认的DataTables控件布局,并在按钮数组中只保留了复制、导出Excel和导出PDF按钮,从而移除了打印按钮。 这样就可以去掉DataTables的打印按钮了。当我们重新加载页面后,打印按钮将不再显示在DataTables控件上。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值