web打印時屏蔽標題、URL、頁碼,以及頁面最下角的時間,文件名信息

對於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等信息,需在頁面設置中去掉標題、頁面等信息即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章