Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript window.print()在每页上重复模式_Javascript_Jquery_Asp.net_Modal Dialog - Fatal编程技术网

Javascript window.print()在每页上重复模式

Javascript window.print()在每页上重复模式,javascript,jquery,asp.net,modal-dialog,Javascript,Jquery,Asp.net,Modal Dialog,我正在尝试使用window.print()命令打印模式。我面临的问题是,例如,模态上的内容有1页长,但当我打印时,它显示有2页相同的内容在下一页重复,即模态被打印两次。请建议如何预防这种情况。下面是我用来在多个页面上打印长内容的css @media print { .modal { position: absolute; left: 0; top: 0; margin: 0; padding: 0; visibility: visible;

我正在尝试使用
window.print()
命令打印模式。我面临的问题是,例如,模态上的内容有1页长,但当我打印时,它显示有2页相同的内容在下一页重复,即模态被打印两次。请建议如何预防这种情况。下面是我用来在多个页面上打印长内容的css

@media print {
  .modal {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    visibility: visible;
    /**Remove scrollbar for printing.**/
    overflow: visible !important;    
  }
  .modal-content {
    visibility: visible !important;
    /**Remove scrollbar for printing.**/
    overflow: visible !important;    
  }
}

当有打印屏幕时,它总是显示所有html内容,当内容顶部有模式时,
window.print()
将根据需要复制模式多次,以覆盖其后面的所有内容

因此,如果您的内容需要2页来显示所有内容,并且您的模式只有1页,那么它将复制模式,使其始终位于内容的顶部

下面是您遇到的问题的一个示例:

var modal=document.getElementById(“myModal”);
var btn=document.getElementById(“myBtn”);
var span=document.getElementsByClassName(“关闭”)[0];
btn.onclick=函数(){
modal.style.display=“块”;
}
span.onclick=函数(){
modal.style.display=“无”;
}
window.onclick=函数(事件){
如果(event.target==模态){
modal.style.display=“无”;
}
}
函数printPage(){
window.print();
}
.modal{
显示:无;
位置:固定;
z指数:1;
左:0;
排名:0;
宽度:100%;
身高:100%;
溢出:自动;
背景色:rgb(0,0,0);
背景色:rgba(0,0,0,0.4);
}
.模态内容{
背景色:#fefe;
利润率:15%;
填充:20px;
边框:1px实心#888;
宽度:80%;
}
.结束{
颜色:#aaa;
浮动:对;
字号:28px;
字体大小:粗体;
}
.关闭:悬停,
.结束:聚焦{
颜色:黑色;
文字装饰:无;
光标:指针;
}

开放模态

Lorem ipsum dolor sit amet,是一位杰出的献身者。我不知道该怎么做,因为我不知道该怎么做。威尼斯库拉比图尔皮斯奎斯维韦拉。马莱苏阿达,奥勒姆·维尔,佩伦茨克·多洛。尊贵的贵族贵族 turpis ut eleifend。塞德·帕特·尼布是一位泰勒斯·康格拍卖商。在东部的pulvinar porta酒店。佩伦特斯凯坐在艾米特·法利西斯·莫里斯(amet facilisis mauris),威严的猫科动物。毛里斯·马蒂斯·努克·毛里斯(Mauris mattis nunc Mauris),他是一位生命之父。悬钩子 nec分子筛。埃尼姆·拉齐尼亚的埃蒂亚姆,奥迪奥岛的索利西图丁,波苏尔·胡斯托。精英莱克图斯酒店、威尼斯酒店、法国酒店。两人在一起,一人在一起,另一人在一起。我是弗林利亚·贾斯托,在马蒂斯尼西。 酒后驾车,酒后驾车,酒后驾车。这是一个暂时的错误。她坐在电视门前。前庭、前庭、前庭、前庭、前庭。Donec dapibus elit调味品,vel 亨德雷特·莱克特斯·奥克托·维尔。车辆万岁,人马座,狮子座,狮子座。奎斯克·塞德·比本杜姆·奥迪奥。根据康努比亚·诺斯特拉(conubia nostra)和希梅纳奥斯(inceptos himenaeos)的规定,社会责任和责任等级为:。 崔斯提克,副总统,总统阁下,自由女神。莫比在奥特莱斯利奥菲尼伯斯前庭。别这样。Mauris hendrerit commodo dapibus。塞德·瓦普塔特是康莫多, 埃古斯塔斯·阿库·欧,特里斯蒂克·利奥。塞德·维利特·埃尼姆、弗林利亚·非特里斯蒂克·马莱苏亚达、弗林利亚·非埃拉特。nisi非拍卖行中的Nulla euismod。《坦普斯大教堂》中的梅塞纳斯。维利特·卢克图斯的梅塞纳斯,弗林利亚·拉库斯,权杖乐队。佩伦茨克交流节拍 里索斯,请坐,艾米特·尤里西斯·利伯罗。在怀孕的奥古斯都,我是埃吉斯塔斯·埃尼姆。悬液是一种精华元素。利奥·萨皮恩前庭,欧洲圣殿,马蒂斯·维尔·多洛前庭。整数空值、时间、时间 酒后驾车。在laoreet aliquam porttitor。这是一种折磨,一种权杖,一种同侧脸。埃涅阿斯·马克西姆斯·利奥·韦尔拉科斯·马蒂斯,坐在苏达莱斯的贵宾席上。Phasellus ac mauris位于元素的前面。多尼克 我是马克西姆斯。不含发酵液的生命。佩伦茨克调味品tellus ex,et convallis felis eleifend at。Pellentsque et sem显示同侧Pellentsque矢状面。酒酿之苦,酒酿之苦,酒酿之苦,酒酿之苦 拉克斯。这是一个很好的例子。这是一个巨大的挑战。这是一个很好的拍卖行。杜奈克苦瓜素。我们需要奥古斯·阿库姆桑(augue accumsan)、多洛·奎斯(dapibus dolor quis)、菲尼布斯·尼西(finibus nisi)。毛里斯·莱克图斯精英, 苏利西妥因nec的效用,预处理dui。箭叶相思。这是一个令人难忘的时刻。Phasellus调味品massa ipsum,在congue quam egestas vitae。整型伊尼姆·莫里斯,弗林利亚·西特·阿梅特 暂时的权杖,轻薄的舌苔。芦丁调味品中的脯氨酸。这是一个很好的例子。不,我们的智囊团成员都是精英。这是一种温和的生活方式。前庭 孕妇按摩。内克的熔丝坐在奥古斯的阿梅特湖上。不结盟运动在孔盖利古拉。你的口头禅,你的口头禅。Maecenas nec Placelat velit。Morbi Placelat、diam eu Dignessim Dignessim、turpis magna rhoncus lectus、ac interdum 维利特侵权人。阿利奎姆·洛博蒂斯·利奥·埃拉特(Aliquam lobortis leo erat)是一位伟大的作家,他是一位伟大的作家。这是一种普通的生活方式。他是一个精英阶层的领袖。我坐在阿梅特·库苏斯·奥迪奥旁边。南德·帕特·萨皮恩。佩伦茨克 一辆尼西坐在一辆汽车上。梅塞纳斯·弗林利亚·利伯罗坐在阿梅特·阿利奎特·马蒂斯旁边。毛里斯河,厄洛斯河,精英河。整数厄洛斯·贾斯托,iaculis luctus quam vel,酵母菌luctus orci。甘菊。 洛雷姆ips