用js代码实现页面打印并去掉打印按钮

以下是实现页面打印并去掉打印按钮的JS代码：

// 获取打印按钮元素
var printButton = document.getElementById("printButton");
// 隐藏打印按钮
printButton.style.display = "none";
// 打印页面
window.print();

其中，需将代码中的 "printButton" 替换为实际页面上的打印按钮元素的ID。这样，当页面加载完成时，JS代码会将打印按钮隐藏，并直接打印页面内容，达到去掉打印按钮的效果。

相关问题

DataTables去掉打印按钮

### 回答1：
可以通过以下步骤去掉DataTables中的打印按钮：

1. 找到 Datatable 的初始化代码，通常是通过 $('#myTable').dataTable(options) 这样的方式来初始化。
2. 在 options 中添加 buttons 参数，设置为 false，如下所示：

$('#myTable').dataTable({
  buttons: false,
  // ... other options ...
});

3. 重新载入 Datatable，打印按钮就会被移除。

### 回答2：
要去掉DataTables中的打印按钮，可以通过以下步骤来实现。

首先，找到DataTables初始化的代码，在初始化选项中添加一项来隐藏打印按钮。具体来说，可以在`dom`选项中设置一个新的字符串，在其中指定表格组件的布局。将不需要显示的组件从字符串中删除即可隐藏它们。在这种情况下，我们需要删除打印按钮，所以我们可以将字符串修改为`<"lBfrtip"`。

例如，如果以如下方式初始化DataTables：

$('#example').DataTable();

可以修改为：

$('#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控件上。

Js点击按钮调用浏览器打印功能后隐藏页面打印按钮

你可以在点击打印按钮后，利用JavaScript将打印按钮隐藏起来，代码如下：

// 获取打印按钮
const printButton = document.querySelector('#print-button');
// 获取打印区域
const printArea = document.querySelector('#print-area');

// 点击打印按钮后，隐藏打印按钮并执行打印操作
printButton.addEventListener('click', () => {
  // 隐藏打印按钮
  printButton.style.display = 'none';
  // 执行打印操作
  window.print();
  // 打印完成后，显示打印按钮
  printButton.style.display = 'block';
});

在上面的代码中，我们首先获取了打印按钮和打印区域的元素，然后给打印按钮添加了一个点击事件。在点击事件中，我们先将打印按钮隐藏起来，然后执行浏览器的打印操作 `window.print()`。打印完成后，我们再将打印按钮显示出来。

这样就可以在打印时隐藏页面上的打印按钮了。