使用window.print时如何设置页面高度？
使用window.print时，可以通过CSS样式来设置页面的高度。具体的设置方式如下：
- 首先，需要在CSS文件中定义一个打印样式，例如：
@media print {
.print-page {
height: 100%; /* 设置页面高度为100% */
}
}- 在HTML文件中，将需要打印的内容包裹在一个具有print-page类的元素中，例如：
<div class="print-page">
<!-- 需要打印的内容 -->
</div>- 在JavaScript中，使用window.print()方法来触发打印操作，例如：
window.print();通过以上步骤，可以设置页面的高度为100%，以确保打印内容能够完整显示在打印纸上。
在腾讯云的相关产品中，可以使用腾讯云的云服务器（CVM）来进行页面打印操作。腾讯云的云服务器提供了稳定可靠的计算资源，可以满足各种应用场景的需求。您可以通过以下链接了解更多关于腾讯云云服务器的信息： 腾讯云云服务器产品介绍
相关·内容
我想通过javascript函数window.print()打印一个页面。我使用62毫米宽的纸卷来做这件事。但当我打印时，它需要a4纸张大小的长度。如何在javascript中减少论文的长度。为此，我使用了css，但不起作用。我使用的css如下所示：
@media print {
body {
color : #000000;
background : #ffffff;
font-family : "Times New Roman", Times, serif;
font-size : 12pt;
width: 2.44094
浏览 3提问于2014-05-24得票数 0
2回答
我想使用按钮上的onclick()函数和window.print()属性来打印带有id的特定<div>。
为此，我编写了一些@media print CSS。
它打印<div>内容，但它占用大量的空格，导致空白页面。下面是我的代码：
@media print {
body * {
visibility: hidden;
}
#printpage,
#printpage * {
visibility: visible;
}
#printpage {
overflow: visible;
position: abs
浏览 2提问于2018-10-10得票数 0
我需要打印网页的内容。div下面有一个打印按钮 <div class="printing-content">
</div>
<button class="btn -primary mr-1" onclick="window.print()"><span class="mdi mdi-printer"></span> Print</button> 我的网页看起来像这样： ? 关于印刷品 ? 这是我的css @media print {
浏览 20提问于2020-04-23得票数 0
我正在尝试使用Javascript window.print在div容器中打印内容。div容器由角js管理。
CSS文件
@media print
{
body, html, #wrapper {
width: 100%;
margin:0px;
padding:0px;
border: 1px solid red;
}
.no-print, .no-print * {
display: none !important;
}
.col-sm-12 {
widt
浏览 1提问于2020-03-28得票数 0
回答已采纳
5回答
打印div的内容
、、
我需要打印一个div的全部内容。注意，在div中滚动。但是当我使用Window.print()打印其内容时，它只打印屏幕上可见的部分。我想打印所有154条记录，但它只打印21条记录。
注意：我不想打开一个新窗口.
编辑：
javascript function()
{
1. Hide divs that you don't want to print
2. window.print()
3. show the divs you hide in step 1
}
浏览 26提问于2012-07-05得票数 1
1回答
我需要在asp.net页面中打印一些图片，并且我需要在单独的页面中打印每一张图片。如何使用ASP.net C#执行此操作？
当我使用window.print()时，它会打印整个页面，但我只需要图像以及单独页面中的每个图像！
浏览 1提问于2011-03-12得票数 3
当单击按钮时，我有一个示例脚本来打印我的网站页面的一部分。但奇怪的是，当我使用ajax进行转换并单击相同的按钮时，window.print会激活两次，如果我按了3次，就会出现3 window.print，并且它会继续进行下去。如何防止window.print仅显示一次，即使在转换到不同的页面之后？一些例子或提示将是伟大的！我很想从你这里来！
$(function(){
$('.printButton').live('click', function(){
var printPage = $('.printarea&
浏览 1提问于2018-06-12得票数 0
回答已采纳
3回答
我会在我的页面中添加一个包含onsubmit="return window.print()"的按钮，但当我点击它时，一个打印窗口对话框出现在打印视图中，我的页面颜色变成黑色，所有样式都消失了。如何以相同颜色的样式打印页面
浏览 3提问于2014-11-26得票数 0
提前感谢您能提供的任何帮助！我创建了一个似乎运行良好的地图工具；我得到了一张地图、一条可拖动的路线、多个路点和一个完整的动态directions_panel。我希望用户能够打印这个网页，并获得map_canvas和directions_panel。在测试中，打印预览曾经包含map_canvas，但是当我打印网页时，map_canvas不再出现。如何才能在打印时显示它？
这是我的HTML。
<div id="map-route-page">
<div id="map_canvas"></div>
<div class=&#
浏览 4提问于2013-01-11得票数 0
2回答
如何在离子视图中打印网页
、、、
我在我的web应用程序中使用。每个页面都使用离子视图显示。我想打印图表(或保存为pdf)。
这是我的密码
<ion-view title="Report">
<ion-nav-buttons side="right">
<button menu-toggle="left"class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-content class=
浏览 1提问于2015-06-18得票数 3
1回答
我使用knockout绑定页面上的控件，并在绑定完成后使用window.print()打印页面。所有这些函数都是在
$(document).ready(function (){//}
因此流程是这样的:页面加载，由于使用了window.print()，它转到打印向导。现在的问题是页面转到打印向导，绑定不完整，尽管我使用了
ko.applyBindings(object to be bound);
在window.print()之前，在knockout中有没有一种方法或方式可以让我检查所有的绑定是否都完成了，因为用document.ready()编写它是没有帮助的。
浏览 0提问于2015-04-09得票数 2
有谁知道如何在页面上隐藏文本、日期或其他内容，但当我单击window.print()的按钮时，会在那里显示它？我使用的是：
@media print {
@page { margin: 0; }
body { margin: 1.6cm; }
}
@media print {
.hide-from-printer{ display:none; }
}
<a href="#" onClick="window.print()" class="btn btn-success hide-from-printer">Print&
浏览 2提问于2017-01-14得票数 0
回答已采纳
3回答
HTML打印:点矩阵
、、、
我正在通过javascript:window.print()打印一张HTML收据
把它印到喷墨打印机上，一切都会好起来。然而，在DOT-矩阵打印机，爱普生LX-300+II的一切都是不同的.它不合适，文本不对齐。我试着把它保存到PDF中，然后从Adobe打印PDF，方向似乎都很好。
我已经设置了页面大小，并尝试调整字体大小，但仍然无法正确打印。顺便说一下，收据的大小是8.5x5.5 is 。
我试图制定CSS，但没有得到正确的结果。这是CSS：
@media print {
html, body {
width: 8.5in;
height: 5.5in;
disp
浏览 3提问于2015-08-21得票数 8
1回答
日安，
当我点击window.print()时，我正试图在我的页面中添加/附加一些东西。
任何方法都可以做到这一点？
例如：
window.append('<p>new thing here</p>');
window.print();
也许您会问我为什么不在jsp页面中编写<p>new thing here</p>，这样window.print()就可以将它们打印出来。我担心的是，我有数以千计的jsp在使用这个window.print()，如果我添加每个页面，它看起来不是一个好的方式，而且将来也很难进行维护。
浏览 0提问于2017-05-08得票数 0
当您进入打印对话框或window.print()时，Google Chrome会有“另存为PDF”选项。用户需要在对话框中选择此选项才能将页面保存为pdf。
我是否可以调用一些函数或者在chrome中传递一个参数给window.print()，以便在没有打印对话框出现的情况下将页面“打印”为pdf？
有什么想法吗？
浏览 15提问于2014-02-28得票数 31
2回答
我有一个带有打印选项(onclick = window.print())的ASP.NET站点，问题是当使用IE7时，它在页面上变得很好，但当用户使用IE6打印页面时，他们得到的页面比页面大
浏览 3提问于2009-04-19得票数 0
我面临着一个问题，因为我的chrome浏览器更新到了77版。
最初window.print()运行良好，但一旦我打开一个页面，其中包含使用<embed>标签嵌入的window.print()，window.print()停止工作。使用Ctrl+P快捷方式，它会打开打印弹出窗口，但当我在javascript中执行window.print()时，它不起作用。
我已经在控制台执行了window.print()命令，它直接返回undefined。
根据这个线程，Chrome77版本可能会有一些变化
有没有人遇到过这个问题？请帮帮忙。
浏览 0提问于2019-10-01得票数 2
我正在使用下面的代码使用javascript在asp.net中打印我的网页内容
window.print(document.getElementById('dvPrint'));
当我打印时，它会自动在页面上添加日期时间。(我想是因为页面设置的原因)。请告诉我如何删除此设置。我的意思是，我不希望datetime自动打印在我的打印页面上(即使它是在页面设置中设置的)。
浏览 1提问于2010-05-25得票数 0
回答已采纳
我正在使用与下面链接的问题类似的技术来捕获window.print()并触发WKWebView的打印。这对于主页来说很好。
我希望做的是在页面中打印一个iFrame，而不是页面本身。在JavaScript中，我关注iFrame并调用window.print()，它在iOS (使用WKWebView?)和各种桌面浏览器上运行。
有人知道如何使用WKWebView printFormatter打印HTML内容的iFrame吗？
浏览 3提问于2018-03-23得票数 4
我有一个使用window.print()打印当前页面的函数。我想在打印页面时删除页面URL。我要删除以下URL ? 下面是我的代码，我想在这个函数中删除它 print() {
this.isPrint = true;
document.title = "";
setTimeout(() => {
window.print();
}, 0);
}
浏览 93提问于2019-04-12得票数 0
我用window.print()显示了用JavaScript打印的页面，但它显示了不同的结果，当我按ctrl + p时，页面不具有相同的设计。
有没有其他方法可以实现与window.print()设计相同的ctrl +p？
浏览 22提问于2018-12-13得票数 4
<script type="text/javascript">
window.print('index.php');
//如何在window.print()函数中调用另一个要打印的php/html页面
浏览 0提问于2017-04-20得票数 0
我想隐藏结果页面的一些内容，但想在使用window.print()打印页面时显示，这是可能的吗？
浏览 60提问于2021-03-29得票数 0
回答已采纳
我正计划做一次复制印刷。上半部分是工作人员的副本，下半部分是用户的副本.这张纸一印出来，我们就把它切成两半。我们该怎么做？window.print();能做到这一点吗？
这是我正在使用的脚本。
function PrintAppendChangeScheduleButton() {
printElement(document.getElementById("divID")); //Specify the DIV to be printed.
function printElement(elem) {
var fo
浏览 4提问于2019-12-10得票数 0
回答已采纳
我有一个包含脚本javascript语句的页面：
<script>window.print;</script>
我用以下命令呈现该页面：
driver.get(url_link)
我想把这句话替换为：
window.print = (){};
这样，打印对话框就不会出现。而且window.print在页面加载时不做任何事情。
driver.execute_script("window.print = (){};")
我尝试在driver.get语句之前和之后添加上述语句，但它不起作用。
我怎么跳过这一步呢？
浏览 0提问于2016-05-23得票数 4
如何打印HTML/PHP页面，而不包括导航TAB内容、页脚和头部部分。我用的是普通的HTML。我没有把CSS应用在上面，因为打印的目的是.
我实际上是在使用这些密码：
<body onload='window.print(); window.close();'>
或
<a href="javascript:window.print()">Print</a>
为了印刷..。
因此，在我的页面中，我有一个链接，上面写着“后退”，这是一个链接，在这个链接中，我必须返回到这个打印页面之前的页面。当我要打印，CTRL+P，反向链接包括在
浏览 1提问于2015-03-07得票数 2
回答已采纳
这是我的HTML的外观：
为了打印我在JavaScript中使用的页面，需要使用window.print()函数。
$scope.print= function() {
$("#tab2-panel-tools").hide();
$("#title-row").hide();
window.print();
$("#tab2-panel-tools").show();
$("#title-row").show();
}
下一张图片是我的打印预览。在打印预览中，表格超出了页面的宽度
浏览 7提问于2018-01-26得票数 1
我以前的同事重写了window.print方法：
function print(data){
var window_print = window.open('', 'my div', 'height=768, width=1024');
window_print.document.write('<!DOCTYPE html><html><head><title>Печать</title></head><body>' + dat
浏览 11提问于2014-10-08得票数 0
回答已采纳
我有一个使用window.print();的页面，它已经打印在源代码中。
但是我想通过一个链接触发器来实现特定的情况，也许，可以取消/中止这个命令。基本上，告诉页面不要启动打印对话框时，某些东西被点击，以启动页面。也许是用window.close();，但不知道放在哪里，因为页面已经打印了window.print();
请允许我澄清:页面'MYPAGE‘已经在源代码中打印了window.print();。
链接A打开一个新页面“MYPAGE”，并启动一个打印对话框。链接B希望为不同的用法打开相同的页面(“MYPAGE”)，但不想要打印对话框。
有可能用jQuery吗？
浏览 2提问于2012-02-28得票数 0
回答已采纳
我使用window.print()来打印页面，但是我得到了包含页面标题、文件路径、页码和日期的页眉和页脚。如何移除它们？
我也试过打印样式表。
#header, #nav, .noprint
{
display: none;
}
请帮帮忙。谢谢。
浏览 4提问于2011-11-22得票数 136
我的页面上有一个打印按钮，它将运行window.print()，它只会准确地打印页面。在单击window.print()时，是否有一种修改输出的方法？
浏览 2提问于2015-09-02得票数 0
回答已采纳
1回答
当我想打印我的网页时，它会打印完整的网页。有没有打印网页的选项？现在我在为发票报表工作。
它可以打印所有页面，比如菜单、注销、打印，以及我网页中其他任何可以自动打印的页面。但我只想打印发票详细信息，如公司名称、徽标、地址、发票表、备注和签名。
那有没有告诉我这是怎么可能的？
此代码打印整页
<script language="JavaScript">
if (window.print) {
document.write('<form><input type=button name=print value="Print"
浏览 0提问于2013-07-11得票数 0
回答已采纳
当在(<body onload="window.print()">)上打印页面时，页面不完整时，我遇到了问题。
如何打印页面(高度100%，宽度100% )？
我需要你帮忙解决这个问题
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
@page
浏览 0提问于2019-04-08得票数 1
2回答
如何使用(JavaScript和/或) FirefoxDriver测试window.print()方法是否被重写？
可以禁用页面上的所有打印按钮，如下所示：
window.print = function() { alert("Bazinga") }
有了这个普通的“打印”链接，像下面这样的链接就不再工作了：
<a onclick="window.print()">....</a>
我需要检查window.print()调用是否执行原始打印对话框。
也许可以将一些JavaScript注入到FirefoxWebdriver中？
浏览 5提问于2012-09-26得票数 0
回答已采纳
1回答
我一直在努力从很长时间内完成这件事。我有一个HTML页面有几个图标和点击打印，我想要打印的网页，包括图标。
我按照中建议的解决方案做了
但是在这种情况下，我无法加载图标，页面格式也会变得混乱。任何关于如何在点击时打印页面的建议，而不必使用已经格式化/样式的页面。
应用程序有一个cshtml文件，它具有样式，引用的图标在我创建的每个html页面中都不需要引用。因此，当我调用window.print()时，样式不会作为我想要打印的特定div加载，也不会加载调用该操作的图标。我的问题是，在为整个应用程序定义一次样式的情况下，如何调用window.print()？
浏览 2提问于2016-08-05得票数 0
回答已采纳
javascript:window.print();
document.location.href = "https://www.google.com/";
我使用上面的代码打印我所在的页面，然后重定向它。它所做的是在打印成功或失败时重定向页面。
如果仅成功打印了页面，如何重定向该页面？
浏览 0提问于2012-12-11得票数 4
回答已采纳
1回答
我需要在AJAX响应确定的页面上放置多个PDF，当所有文档和页面呈现完毕时，调用window.print。
每个文档的页面(画布)被添加到带有类pdfdoc的div中，以便按文档顺序排列页面。
我对承诺很陌生，由于异步的特性，我在决定何时调用window.print时遇到了困难。有时在所有页面可用之前就会调用它，即使我在调用呈现承诺之前正在检查最后一个文档的最后一页。以下是代码：
// Called on each iteration of coredatalist
var getDoc = function(count) {
PDFJS.getDocument(srcUrl).the
浏览 6提问于2015-03-06得票数 4
回答已采纳
我正在使用window.print()打印我的页面。但是我想要获取打印机的状态，比如页外。我如何使用angular 2来做到这一点呢？
浏览 15提问于2018-09-05得票数 0
1回答
我正在使用ruby on rails应用程序。我已经使用barby gem创建了条形码，并能够使用window.print()打印它。现在我的项目需要这些标签格式的条形码。我有窗口标签打印机，可以从我的rails应用程序外部打印东西。我对标签印刷一窍不通。 我在视图中创建了一个单独的标签打印页面，并试图从css设计它，但它不工作，它的打印在正常打印机的A4大小。当我尝试使用标签打印机打印时，它没有显示错误，也没有打印任何东西。
浏览 9提问于2019-03-11得票数 2
回答已采纳
我希望通过以下选项来控制要打印的页面: 1.打印所有页面2.打印当前页3.打印选定的页面(如3、4、6-9等)
通过使用window.print()，默认情况下所有页面都会被选中。如何传递打印所需的页面，以便window.print()只拥有这些页面。为此，我需要使用JavaScript。
浏览 1提问于2015-12-22得票数 5
回答已采纳
我的一个页面显示了折扣代码，如果您试图离开，我会使用window.onbeforeunload提醒用户写下代码，否则代码将永远丢失。该页面还具有打印按钮，因此用户可以打印凭证。
问题是，在Internet Explorer中，当用户单击链接<a href="javascript:window.print();">时，会引发事件window.onbeforeunload。这在Chrome中是不会发生的。
有没有办法解决这个问题？
我已经看到，如果我尝试这样做：
<a href="javascript:alert('herp');windo
浏览 1提问于2011-06-20得票数 0
回答已采纳
2回答
我使用以下代码打印当前页面：
<form>
<input type="button" value="Print" onClick="window.print();" />
</form>
但是当我使用通用文档转换器查看它时。它在右上角有这个url。我该怎么摆脱它呢？
浏览 13提问于2010-02-27得票数 1
回答已采纳
1回答
我想知道如何使用window.print();从网络浏览器中获取打印输出的所有页面的相同标题
我试过了
<td ><input type="button" class="noPrint" onclick="window.print();" />
</td>
但在所有其他页面中，它不会给出相同的第一页标题。
编辑:我的意思是，当打印我网页中的内容时，它是3页，第一页有一些标题。我想在我的所有页面中获得相同的标题。我怎么能做到这一点。
浏览 2提问于2014-02-09得票数 0
我正在尝试打印计划日历，但我有一个问题的CSS作为间隔时间。
onPrint:function(){
var $domTarget = this.byId("PC1").$()[0],
sTargetContent = $domTarget.innerHTML,
sOriginalContent = document.body.innerHTML;
document.body.innerHTML = sTargetContent;
window.print();
document.body.innerHTML = sOriginalContent;
}
浏览 18提问于2018-07-24得票数 3
1回答
我已经搜索并尝试过作为张贴的文章。比如
@media print {
.modal {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
visibility: visible;
/**Remove scrollbar for printing.**/
overflow: visible !important;
}
.modal-dialog {
visibility: visible !important;
/**Remove sc
浏览 2提问于2019-11-28得票数 0
回答已采纳
我有一个页面
我想打印这一页。在打印按钮上，我使用了类似这样的东西
<input id="print" type="submit" onclick="window.print();" />
但问题是它没有打印整个页面。就像它只打印当前在视图中的内容。当我点击print按钮，然后直到Email:tahir@7-cs.com页面打印。它不打印滚动条下方的文本。
如何打印整个文本。例如，假设我有一个非常大的页面，并且我使用标签来容纳我的页面。当点击打印按钮时，我想包括整个页面，包括标签。我该怎么做呢？
谢谢
浏览 0提问于2012-06-01得票数 16
回答已采纳
我正在使用window.Print()来打印网页上的内容。该页面有一个图像和一个标题，其格式为宋体，sans-serif和30px。
当我拿出打印出来的标题非常像素化，当我在浏览器中检查时，它看起来很流畅和良好。
如何提高正在打印的文本的质量？
浏览 4提问于2012-03-01得票数 1
2回答
当您悬停在任何按钮上时，我使用的是引导工具提示，所以我有一个名为" print“的按钮，当您按下它时，Chrome会显示我的页面的预览，我想用工具提示在”打印“按钮上方打印。我如何使用jQuery隐藏它，因为它不需要打印？
<a id="print" class="btn btn-danger btn-sm" data-toggle="tooltip" data-placement="top" title="Print" onclick="Print()">
<i cl
浏览 8提问于2017-04-19得票数 3
回答已采纳
我使用window.print()方法，它将暂停javascript代码(例如setInterval)，当您关闭打印窗口时，代码将继续。参见下面的示例，我在IE9.0和chrome 20.0中进行了测试
我还尝试打开另一个页面，然后调用window.print()，比如
<a href='/1231' target='_newtab'>wtf</a>
但是，调用window.print()也会暂停当前页面中的javascript。
有没有一种方法可以在打印窗口打开时保持编码运行？一般的和特殊的解决方案都是可以的。
浏览 1提问于2012-07-05得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
