對於web打印,總和顯示頁的標題,並且會自動出現頁面和顯示這個頁面的URL,這樣讓人看着很煩。最近剛好要求做一個打印的功能,在網上找到了資料終於實現了,閒話不多說,具體看下面代碼
樣式控制不打印部分隱藏
隱藏不打印區域樣式
<style>
@media print{
.noprint{display:none}
}
</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=打印 onclick=fn02()>
<input type=button value=頁面設置 onclick=document.all.WebBrowser.ExecWB(8,1)>
<input type=button value=打印預覽 onclick=fn01()>
</div>
但頁面第一次顯示直接點擊打印時還是會出現標題、URL等信息,需在頁面設置中去掉標題、頁面等信息即可
web打印時屏蔽標題、URL、頁碼,以及頁面最下角的時間,文件名信息
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.