window.print局部打印，只打印了目标div的一小部分

如果你使用的是Chrome浏览器，可以尝试以下方法：

1. 在目标div的CSS样式中添加如下属性：

@media print {
  div {
    page-break-inside: avoid;
  }
}

2. 在window.print()方法之前，先执行如下代码：

window.onload = function() {
  window.print();
}

这样可以等待页面完全加载后再执行打印操作，可能可以解决局部打印问题。

如果以上方法无效，可以尝试使用第三方打印插件，如：Print.js、jQuery Print、Zebra打印等。这些插件可以更精确地控制打印范围和样式。

相关问题

window.print(); 调整为可打印区域大小

`window.print()` 是JavaScript中用于直接触发浏览器的默认打印功能的函数，它会将当前页面的内容发送到打印机。然而，这个函数本身并不提供调整打印区域大小的功能。在默认情况下，所有可见内容都会被打印出来。

如果你想要控制打印区域的大小，通常需要借助CSS来隐藏不需要的部分，然后通过设置一些自定义CSS样式和HTML结构来指定打印区域。例如，你可以创建一个div，并给它一个特定的id，只包含你希望打印的内容：

<div id="printArea">
  <p>这是你希望打印的内容...</p>
</div>

<script>
  // 当点击某个按钮时，选择并打印打印区域
  document.getElementById('printButton').addEventListener('click', function() {
    var printContent = document.getElementById('printArea').innerHTML;
    window.print(printContent);
  });
</script>

在这个例子中，你需要创建一个按钮(`<button id="printButton">打印</button>`)，当用户点击时，只打印`printArea`内的内容。这仍然依赖于用户的设备和浏览器是否支持自定义打印设置。

如果想更精确地控制打印区域尺寸，可能需要使用更复杂的前端框架如Puppeteer等，配合后端脚本一起工作，但这已经超出了`window.print()`的基本功能范围。

window.print 保留页码 去掉页眉页脚

`window.print()` 是JavaScript中用于直接触发浏览器打印功能的一个原生方法。如果你想在使用它的时候保留页码并去掉页眉和页脚，这通常需要借助HTML5的CSS样式以及一些JavaScript技巧来控制打印样式。

在CSS方面，你可以设置`.print-only` 类的样式，比如：

.print-only {
    page-break-after: always;
    /* 避免页眉和页脚打印 */
    @page :left {
        size: auto; /* 按页面内容自适应大小 */
        margin: 0;
        padding: 0;
        /* 可以隐藏特定元素，如页眉和页脚 */
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        /* 这里可以设置其他打印相关的样式，如不显示页码 */
        counter-reset: page; /* 隐藏页码 */
    }
}

然后，在你需要打印的内容上添加这个类：

<div class="print-only">
    <!-- 包含你的内容和页码 -->
</div>

JavaScript部分则可以在点击打印按钮时动态应用这个类：

function printWithPageNumber() {
    const element = document.getElementById('content-to-print');
    element.classList.add('print-only');

    // 打印
    window.print();

    // 打印完毕后移除类以恢复默认样式
    setTimeout(() => {
        element.classList.remove('print-only');
    }, 0);
}

// 当用户点击打印按钮时调用该函数
document.getElementById('print-btn').addEventListener('click', printWithPageNumber);

注意，某些浏览器对CSS打印样式的支持可能存在差异，上述示例可能需要调整以适应不同环境。如果你需要完全控制打印样式，可能需要考虑使用专门的打印库或者服务。