JS 打印功能代碼可實現(xiàn)打印預覽、打印設置等

更新時間：2024年07月01日 11:31:59 投稿：whsnow

一個不錯的JS 打印功能代碼,包括打印預覽、打印設置等,里面整合了很多知識,是一個不錯的學習案例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>環(huán)形隊列</title>
<style>
@media print{
　　.noprint{
  　　display:none
　　}
}
</style>
<script language=javascript>   
function printsetup(){
  // 打印頁面設置
  wb.execwb(8,1);  
}
function printpreview(){
  // 打印頁面預覽
  wb.execwb(7,1);
}
function printit(){
 if (confirm('確定打印嗎？')){
  wb.ExecWB(6,1)
  //wb.execwb(1,1)//打開
  //wb.ExecWB(2,1);//關閉現(xiàn)在所有的IE窗口，并打開一個新窗口
  //wb.ExecWB(4,1)//;保存網頁
  //wb.ExecWB(6,1)//打印
  //wb.ExecWB(7,1)//打印預覽
  //wb.ExecWB(8,1)//打印頁面設置
  //wb.ExecWB(10,1)//查看頁面屬性
  //wb.ExecWB(15,1)//好像是撤銷，有待確認
  //wb.ExecWB(17,1)//全選
  //wb.ExecWB(22,1)//刷新
  //wb.ExecWB(45,1)//關閉窗體無提示
 }
}
</script>
</head>
<body>
<div class="noprint" style="width:640px;height:20px;margin:100px auto 0 auto;font-size:12px;text-align:right;">
    <input value="打印" type="button" onclick="javascript:window.print()" />
    <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="0">
    </OBJECT>
    <input type=button name=button_print style="display:none;" value="打印本單據(jù)" onclick="javascript:printit()">
    <input type=button name=button_setup value="打印頁面設置" onclick="javascript:printsetup();">
    <input type=button name=button_show value="打印預覽" onclick="javascript:printpreview();">
    <input type=button name=button_fh value="關閉" onclick="javascript:window.close();">
</div>
<div style="width:640px;height:624px;margin:20px auto;">
環(huán)形隊列是一個模板類，有兩個模塊參數(shù)，參數(shù)1是元素類型，參數(shù)2是隊列大小，默認是10。入隊操作如果隊列滿阻塞，出隊操作如果隊列為空則阻塞。
</div>

<div id="dd"></div>
</body>
</html>

到此這篇關于JS 打印功能代碼可實現(xiàn)打印預覽、打印設置等的文章就介紹到這了,更多相關JS 打印內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

悟透JavaScript整理版
編程世界里只存在兩種基本元素，一個是數(shù)據(jù)，一個是代碼。編程世界就是在數(shù)據(jù)和代碼千絲萬縷的糾纏中呈現(xiàn)出無限的生機和活力。
2008-03-03
javascript的函數(shù)劫持淺析
javascript函數(shù)劫持，也就是老外提到的javascript hijacking技術。雖然這個概念在前端領域使用較少，但是在安全領域、自定義業(yè)務等場景下還是有一定的使用價值的。所以，這一篇文章將會和大家一起去了解一下JS中的函數(shù)劫持是什么，有什么作用，下面來一起看看吧。
2016-09-09
js判斷兩個日期是否相等的方法
大家一定遇到過這樣的情況，有兩個日期對象，然后需要判斷他們是否相等，下面來說下判斷的方法
2013-09-09
一起來看看JavaScript數(shù)據(jù)類型最詳解
這篇文章主要為大家詳細介紹了JavaScript數(shù)據(jù)類型，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-01-01
JavaScript 點擊頁面上的按紐，彈出層，背景變灰
點擊頁面上的按紐，彈出一個層，背景變灰，這樣的效果現(xiàn)在網頁應用的比較多，這里只是個簡單的實現(xiàn)方式
2010-06-06
躲避這些會改變原數(shù)組JavaScript數(shù)組方法讓開發(fā)流暢無阻
JavaScript中有些數(shù)組的操作方法并不符合我們預期，容易導致想象不到的結果，因此，為避免這種情況的發(fā)生，本文將介紹哪些原生數(shù)組方法能改變原數(shù)組以及我對于如何更好地使用數(shù)組方法的建議
2023-05-05
javascript驗證身份證完全方法具體實現(xiàn)
下面這段代碼完全實現(xiàn)了判斷身份證是否合格.傳入身份證號碼就行了。包括了公安部的算法。下面的是用Ext實現(xiàn)的。但是基于javascript的語法居多，基本都可以用
2013-11-11
詳解用Webpack與Babel配置ES6開發(fā)環(huán)境
這篇文章主要介紹了詳解用Webpack與Babel配置ES6開發(fā)環(huán)境，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-03-03
Bootstrap實現(xiàn)翻頁效果
這篇文章主要為大家詳細介紹了Bootstrap實現(xiàn)翻頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
微信小程序登錄session的使用
這篇文章主要介紹了微信小程序登錄session的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03