如何在JavaScript中实现页面打印设置和预览的自定义控制？请提供具体的代码示例。

在现代Web开发中，打印页面的控制可以通过JavaScript实现更精细的用户交互。为了自定义打印设置和预览，我们可以利用浏览器提供的Web API以及CSS媒体查询。以下是一个具体的代码示例，展示了如何在不依赖ActiveXObject的情况下，实现打印设置和预览的功能。

参考资源链接：[JavaScript实现打印页面设置与预览代码分享](https://wenku.csdn.net/doc/6401ad3ccce7214c316eec9d?spm=1055.2569.3001.10343)

首先，需要使用`window.matchMedia`来检测是否处于打印媒体查询状态，这可以用来启用或禁用页面上的打印相关控件：

if (window.matchMedia('print').matches) {
    // 在打印媒体查询中执行的代码
}

接下来，可以使用CSS来定义打印时的样式规则：

@media print {
    /* 在这里定义打印时页面的样式 */
    body * {
        visibility: hidden;
    }
    #print-section, #print-section * {
        visibility: visible;
    }
    #print-section {
        position: absolute;
        left: 0;
        top: 0;
    }
}

通过上述CSS规则，我们可以控制页面中哪些部分需要打印。在这个例子中，只有id为`print-section`的部分将会被打印。

然后，我们可以通过添加按钮来触发打印预览。在现代浏览器中，可以通过`window.print()`方法来触发打印预览，而无需弹出打印对话框：

document.getElementById('print-preview-btn').addEventListener('click', function() {
    window.print();
});

对于打印设置，我们可以结合CSS媒体查询和JavaScript来提供定制化选项。但是，由于浏览器的限制，设置打印页面的详细参数，如页边距、纸张大小等，通常需要用户的交互，例如通过打印对话框进行设置。

如果你需要在不依赖于用户交互的情况下进行更复杂的打印设置，可能需要寻找特定于浏览器的解决方案或第三方库。由于这些方法可能不具跨浏览器兼容性，它们不被推荐用于生产环境。

综上所述，通过上述示例代码和CSS规则，我们可以在Web应用中实现打印预览的自定义控制，并通过简单的打印对话框来满足大多数打印需求。如果需要更高级的打印设置，如自定义页边距，可能需要依赖于用户在打印对话框中的操作，或者寻找特定的浏览器扩展或插件支持。

参考资源链接：[JavaScript实现打印页面设置与预览代码分享](https://wenku.csdn.net/doc/6401ad3ccce7214c316eec9d?spm=1055.2569.3001.10343)