如何使用javascript打印页面的原件、复印件和三份复印件？
如何使用javascript打印页面的原件、复印件和三份复印件？
提问于 2017-08-11 07:41:42
我有一个示例html页面，我想打印这个页面只有三个副本，也改变原始(在右上角提到)，只有当我们采取这个页面的第二个副本复制。我们有没有办法使用Javascript或Jquery来实现这一点呢？
function myFunction() {
window.print();
} .original {
float : right;
margin-right : -0.1cm;
}<p>Click the button to print the current page.</p>
<button onclick="myFunction()">Print this page</button>
<div class="col-xs-4"></div>
<div class="col-xs-1 original"><font color="red"><strong>Original</strong></font></div>
回答 2
Stack Overflow用户
发布于 2017-08-11 08:04:21
我试着给出一个简单的解决方案，暂时保留打印计数的标志。请查看下面的内容。
var v1=0;
function myFunction() {
if (v1==0) {
window.print();
}
else {
window.print();
$('#s1').text('Duplicate');
}
v1++;
}.original {
float : right;
margin-right : -0.1cm;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Click the button to print the current page.</p>
<button onclick="myFunction()">Print this page</button>
<div class="col-xs-4"></div>
<div class="col-xs-1 original"><font color="red"><strong id="s1" >Original</strong></font></div>
希望这能对你有所帮助！
Stack Overflow用户
发布于 2019-08-23 05:27:28
这里是示例代码。现在请查收。
#printable { display: none; }
@media print
{
#non-printable { display: none; }
#printable { display: block; }
}
</style>
</head>
<body>
<div id="non-printable">
Your normal page contents
</div>
<div id="printable">
Printer version <div id="count"></div>
</div>
<a href="#" id="autoclick" onclick="window.print();">Print<a>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
(function() {
var beforePrint = function() {
console.log('Functionality to run before printing.');
};
var afterPrint = function() {
console.log('Functionality to run after printing');
var vals = $('#inc').val();
var incval = parseInt(vals)+parseInt(1);
$('#inc').val(incval);
if(incval < 3)
{
window.setTimeout('window.print()',5000);
}
};
if (window.matchMedia) {
var mediaQueryList = window.matchMedia('print');
mediaQueryList.addListener(function(mql) {
if (mql.matches) {
beforePrint();
} else {
afterPrint();
}
});
}
window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;
}());
</script>
<input type="text" id="inc" value="0">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45629602
复制相关文章
相似问题
是否使用Jquery将表单域的值附加到表单操作？
将文本框值追加到表单操作url
将表单输入值作为路径附加到操作url
将表单值添加到url - Jquery的末尾
是否使用表单操作将散列“#”符号附加到url？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
