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


Posted in Javascript onDecember 30, 2014

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();">
Javascript 相关文章推荐
COM中获取JavaScript数组大小的代码
Nov 22 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
yarn与npm的命令行小结
Oct 20 Javascript
使用Ajax生成的Excel文件并下载的实例
Nov 21 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
node.js部署之启动后台运行forever的方法
May 23 Javascript
Mint UI组件库CheckList使用及踩坑总结
Dec 20 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 Javascript
js实现贪吃蛇游戏 canvas绘制地图
Sep 09 Javascript
JavaScript中的数组操作介绍
Dec 30 #Javascript
jQuery中:first选择器用法实例
Dec 30 #Javascript
JavaScript中的类数组对象介绍
Dec 30 #Javascript
JavaScript中的方法调用详细介绍
Dec 30 #Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 #Javascript
JavaScript中的类(Class)详细介绍
Dec 30 #Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
Dec 29 #Javascript
You might like
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
PHP IE中下载附件问题解决方法
2014/01/07 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
PHP使用函数用法详解
2018/09/30 PHP
对laravel in 查询的使用方法详解
2019/10/09 PHP
使用jquery实现简单的ajax
2013/07/08 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
2016/06/22 Javascript
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
微信小程序页面开发注意事项整理
2017/05/18 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
详解webpack解惑:require的五种用法
2017/06/09 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
django反向解析URL和URL命名空间的方法
2018/06/05 Python
python基础学习之如何对元组各个元素进行命名详解
2018/07/12 Python
解决python opencv无法显示图片的问题
2018/10/28 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
2019/05/13 Python
详解Python 切片语法
2019/06/10 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
Python中的上下文管理器相关知识详解
2019/09/19 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
利用python控制Autocad:pyautocad方式
2020/06/01 Python
python3.7添加dlib模块的方法
2020/07/01 Python
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
社团成立邀请函
2014/01/08 职场文书
致裁判员加油稿
2014/02/08 职场文书
优秀老员工获奖感言
2014/02/15 职场文书
见习报告格式要求
2014/11/04 职场文书
2014年导购员工作总结
2014/11/18 职场文书
导游词之山东红叶谷
2019/10/31 职场文书
Vue h函数的使用详解
2022/02/18 Vue.js