对于web打印，总和显示页的标题，并且会自动出现页面和显示这个页面的URL，这样让人看着很烦。最近刚好要求做一个打印的功能，在网上找到了资料终于实现了，闲话不多说，具体看下面代码
样式控制不打印部分隐藏
隐藏不打印区域样式
<style>
@media print{
.noprint{}
}
</style>
<script type="text/javascript">
//打印预览
function fn01()
{
try
{
var Wsh=new ActiveXObject("WScript.Shell");
HKEY_Key="header";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
HKEY_Key="footer";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
}
catch(e){}
document.getElementById("div1").style.display="none";
document.all.WebBrowser.ExecWB(7,1);
document.getElementById("div1").style.display="block";
}
//打印
function fn02()
{
try
{
var Wsh=new ActiveXObject("WScript.Shell");
HKEY_Key="header";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
HKEY_Key="footer";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
}
catch(e){}
document.getElementById("div1").style.display="none";
document.all.WebBrowser.ExecWB(6,1);
document.getElementById("div1").style.display="block";
}
<body>
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT>
<div id="sp1" class="noprint">这里填写打印内容1</div>
<%--<div id="Div2" class="noprint">这里填写打印内容2</div>
<div id="Div3" class="noprint">这里填写打印内容3</div>
<div id="Div4" class="noprint">这里填写打印内容4</div>
<div id="Div5" class="noprint">这里填写打印内容5</div>
<div id="Div6">这里填写打印内容6</div>--%>
<div id="div1">
<input type=button value=打印 οnclick=fn02()>
<input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)>
<input type=button value=打印预览 οnclick=fn01()>
</div>
但页面第一次显示直接点击打印时还是会出现标题、URL等信息，需在页面设置中去掉标题、页面等信息即可
对于web打印，总和显示页的标题，并且会自动出现页面和显示这个页面的URL，这样让人看着很烦。最近刚好要求做一个打印的功能，在网上找到了资料终于实现了，闲话不多说，具体看下面代码样式控制不打印部分隐藏隐藏不打印区域样式 @media print{ .noprint{} } //打印预览function f
更过详细技术难点、解决思路、实现过程讲解，及细致的代码注释，本人博文有详细介绍
https://blog.csdn.net/chao141yang/article/details/108991252
欢迎查阅或交流！
有
时
候我们会把网页上我
信息
打印
出来，但偏偏
打印
机在
打印
完成后最后会把网页的地址也
打印
出来，这样就会影响
打印
好的文件的美观，下面教大家如何去除这个网址的
打印
：
之所以会才出现网址，是因为我们网页
页面
设置带有页眉和页脚。在浏览器中打开“文件->
页面
设置”，如下图所示：
打开以后会出现如下界面：
我们只需要将
页面
页脚中的内容全部设为空即可，如下图所示：
<meta charset="UTF-8">
<
title
>
Title
</
title
>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://
一、这次使用的是vue-print-nb插件完成
打印
的功能。
借鉴链接：https://www.cnblogs.com/steamed-twisted-roll/p/10683680.
html
文档：https://www.npmjs.com/package/vue-print-nb#usage-method
安装 npm install vue-print-nb --save
在main.js文件中注册
import Print from 'vue-print-nb'
Vue.us
HTML
分页
打印
是指在网页
打印
时
进行
页面
分页处理，将网页内容按照一页一页逐个
打印
出来。但是，在
打印
结构复杂、内容丰富的网页
时
会出现诸如表格跨页、图片内容断裂等问题，这些都会影响
打印
效果，降低用户体验。
为了解决这些问题，一些
Web
打印
控件应运而生。这些控件能够完美解决网页排版，保证内容完整、图片不受影响，表格跨页也不会出现问题。同
时
，这些控件还能够提供一些
打印
控制选项，如缩放、
页码
、页眉页脚等，增强了网页
打印
的灵活性和可控性。这些控件可以是内置在浏览器中的，也可以是通过插件安装到浏览器中的。
Web
打印
控件在企业办公应用中十分常见。比如在公文
打印
、报告
打印
等场景下，使用
Web
打印
控件可以保证
打印
效果的完美呈现，提高工作效率，避免出现因排版问题而浪费
时间
的情况。因此，
Web
打印
控件在提高用户体验、提高工作效率等方面有着重要作用。
