javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JS 打印

JS 打印功能代码可实现打印预览、打印设置等

投稿: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>环形队列</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);//关闭现在所有的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="打印本单据" 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;">
环形队列是一个模板类,有两个模块参数,参数1是元素类型,参数2是队列大小,默认是10。入队操作如果队列满阻塞,出队操作如果队列为空则阻塞。
</div>

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

到此这篇关于JS 打印功能代码可实现打印预览、打印设置等的文章就介绍到这了,更多相关JS 打印内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文