快捷導(dǎo)航

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

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

一個不錯的JS 打印功能代碼,包括打印預(yù)覽、打印設(shè)置等,里面整合了很多知識,是一個不錯的學(xué)習(xí)案例

<!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(){
  // 打印頁面設(shè)置
  wb.execwb(8,1);  
}
function printpreview(){
  // 打印頁面預(yù)覽
  wb.execwb(7,1);
}
function printit(){
 if (confirm('確定打印嗎？')){
  wb.ExecWB(6,1)
  //wb.execwb(1,1)//打開
  //wb.ExecWB(2,1);//關(guān)閉現(xiàn)在所有的IE窗口，并打開一個新窗口
  //wb.ExecWB(4,1)//;保存網(wǎng)頁
  //wb.ExecWB(6,1)//打印
  //wb.ExecWB(7,1)//打印預(yù)覽
  //wb.ExecWB(8,1)//打印頁面設(shè)置
  //wb.ExecWB(10,1)//查看頁面屬性
  //wb.ExecWB(15,1)//好像是撤銷，有待確認(rèn)
  //wb.ExecWB(17,1)//全選
  //wb.ExecWB(22,1)//刷新
  //wb.ExecWB(45,1)//關(guān)閉窗體無提示
 }
}
</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="打印頁面設(shè)置" onclick="javascript:printsetup();">
    <input type=button name=button_show value="打印預(yù)覽" onclick="javascript:printpreview();">
    <input type=button name=button_fh value="關(guān)閉" onclick="javascript:window.close();">
</div>
<div style="width:640px;height:624px;margin:20px auto;">
環(huán)形隊列是一個模板類，有兩個模塊參數(shù)，參數(shù)1是元素類型，參數(shù)2是隊列大小，默認(rèn)是10。入隊操作如果隊列滿阻塞，出隊操作如果隊列為空則阻塞。
</div>

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

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

您可能感興趣的文章:

相關(guān)文章

JS根據(jù)Unix時間戳顯示發(fā)布時間是多久前【項目實測】
小編最近在實現(xiàn)這樣的需求類似微信朋友圈顯示發(fā)布時間為距離當(dāng)前時間多久之前這樣的功能，本文通過實例代碼給大家介紹的非常詳細，感興趣的朋友跟隨小編一起看看吧
2019-07-07
詳解單頁面路由工程使用微信分享及二次分享解決方案
這篇文章主要介紹了詳解單頁面路由工程使用微信分享及二次分享解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-02-02
JavaScript如何正確的寫代碼注釋
這篇文章主要給大家介紹了關(guān)于JavaScript如何正確的寫代碼注釋的相關(guān)資料,注釋的作用是提高代碼的可讀性,幫助自己和別人閱讀和理解你所編寫的JavaScript代碼,注釋的內(nèi)容不會在網(wǎng)頁中顯示,需要的朋友可以參考下
2023-10-10
簡單談?wù)凧avaScript變量提升
對于學(xué)習(xí)JavaScript的初學(xué)者來說，變量提升是繞不過去的一個知識點,簡單來說變量提升就是 JS會把var變量的聲明自動提升到作用域的頂部,這篇文章主要給大家介紹了關(guān)于JavaScript變量提升的相關(guān)資料,需要的朋友可以參考下
2021-09-09
JavaScript如何優(yōu)化邏輯判斷代碼詳解
我們在編寫 JS 代碼時,經(jīng)常會遇到邏輯判斷復(fù)雜的情況,這篇文章主要給大家介紹了關(guān)于JavaScript如何優(yōu)化邏輯判斷代碼的相關(guān)資料,需要的朋友可以參考下
2021-06-06
JS使用canvas繪制旋轉(zhuǎn)風(fēng)車動畫
這篇文章主要為大家詳細介紹了JS使用canvas繪制旋轉(zhuǎn)風(fēng)車動畫，有加速減速啟動停止功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
第一次記錄Bootstrap table學(xué)習(xí)筆記（1）
這篇文章主要為大家介紹了第一次學(xué)習(xí)Bootstrap table表格插件的筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
在TypeScript中迭代對象鍵Object.keys不起作用的原因和解決方案
在TypeScript中迭代對象鍵object?keys可能是一場噩夢,以下是我所知道的所有解決方案,文中有詳細的代碼示例供大家參考,具有一定的參考價值,需要的朋友可以參考下
2023-10-10
解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題
今天小編就為大家分享一篇解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
微信小程序配置視圖層數(shù)據(jù)綁定相關(guān)示例
這篇文章主要為大家介紹了微信小程序配置視圖層數(shù)據(jù)綁定相關(guān)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪<BR>
2022-04-04