JavaScript 实现打印,打印预览,打印设置

 更新时间:2014年12月30日 08:57:21   投稿:hebedich  
这篇文章主要介绍了JavaScript 实现打印,打印预览,打印设置的方法及示例分享,需要的朋友可以参考下

WebBrowser是IE内置的浏览器控件,无需用户下载.

一、WebBrowser控件

<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>

二、WebBrowder控件的方法 //打印

WebBrowser1.ExecWB(6,1);

//打印设置

WebBrowser1.ExecWB(8,1);

//打印预览

WebBrowser1.ExecWB(7,1);

关于这个组件还有其他的用法,列举如下:

WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 Web.ExecWB(4,1)

保存网页 Web.ExecWB(6,1) 打印 Web.ExecWB(7,1) 打印预览 Web.ExecWB(8,1)

打印页面设置 Web.ExecWB(10,1)

查看页面属性 Web.ExecWB(15,1)

好像是撤销,有待确认 Web.ExecWB(17,1)

全选 Web.ExecWB(22,1) 刷新 Web.ExecWB(45,1)

关闭窗体无提示 但是打印是会把整个页面都打印出来的,页面里面有什么东西就打印出来,我们有时候只需要打印数据表格,这时我们就要写一个样式了:

把不想打印的部份隐藏起来: 样式内容: <style type="text/css" media=print> .noprint{display : none } </style>

然后使用样式就可以: <p class="noprint">不需要打印的地方</p>

代码如下:

复制代码 代码如下:

 <script language="javascript"> function printsetup(){ // 打印页面设置 wb.execwb(8,1); } function printpreview(){ // 打印页面预览
wb.execwb(7,1);
}
function printit() { if (confirm('确定打印吗?')) { wb.execwb(6,6) } } </script>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT> <input type=button name=button_print value="打印" class="noprint" onclick="javascript:printit()"> <input type=button name=button_setup value="打印页面设置" class="noprint" onclick="javascript:printsetup();"> <input type=button name=button_show value="打印预览" class="noprint" onclick="javascript:printpreview();">

相关文章

  • TypeScript开发中规范编码来提高代码的可读性

    TypeScript开发中规范编码来提高代码的可读性

    在TypeScript中,我们通过使用类型别名reference指令、类型守卫、泛型、接口、类型别名等来提高代码的可维护性以及可读性,这篇文章主要介绍了TypeScript开发中规范编码来提高代码的可读性,需要的朋友可以参考下
    2023-12-12
  • 小程序角标的添加及绑定购物车数量进行实时更新的实现代码

    小程序角标的添加及绑定购物车数量进行实时更新的实现代码

    这篇文章主要介绍了小程序角标的添加及绑定购物车数量进行实时更新的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-12-12
  • Express代理转发服务器实现

    Express代理转发服务器实现

    这篇文章主要为大家介绍了Express代理转发服务器实现技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • JavaScript深入浅出__proto__和prototype

    JavaScript深入浅出__proto__和prototype

    这篇文章主要介绍了JavaScript深入浅出__proto__和prototype,文章基于JavaScript的相关资料展开详细的内容介绍。具有一定的参考价值,需要的小伙伴可以参考一下
    2022-05-05
  • ant-design-pro使用qiankun微服务配置动态主题色的问题

    ant-design-pro使用qiankun微服务配置动态主题色的问题

    这篇文章主要介绍了ant-design-pro使用qiankun微服务配置动态主题色,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • JavaScript SHA512加密算法详细代码

    JavaScript SHA512加密算法详细代码

    这篇文章主要为大家详细介绍了JavaScript SHA512加密算法代码,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-10-10
  • JavaScript面向对象程序设计中对象的定义和继承详解

    JavaScript面向对象程序设计中对象的定义和继承详解

    这篇文章主要介绍了JavaScript面向对象程序设计中对象的定义和继承,结合实例形式详细分析了javascript面向对象程序设计中对象定义、继承、属性、方法、深拷贝等相关概念与操作技巧,需要的朋友可以参考下
    2019-07-07
  • 详解webpack中的publicpath

    详解webpack中的publicpath

    这篇文章主要介绍了webpack中的publicpath,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-01-01
  • json原理分析及实例介绍

    json原理分析及实例介绍

    这次在项目中前后台的数据交互中用到了json,经过这段时间的使用,简单总结一下json的原理与使用,需要了解的朋友可以参考下
    2012-11-11
  • 12 款 JS 代码测试必备工具(翻译)

    12 款 JS 代码测试必备工具(翻译)

    这篇文章主要介绍了12 款 JS 代码测试必备工具(翻译),需要的朋友可以参考下
    2016-12-12

最新评论