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 相关文章推荐
js getBoundingClientRect() 来获取页面元素的位置
Nov 25 Javascript
juqery 学习之五 文档处理 插入
Feb 11 Javascript
javascript改变position值实现菜单滚动至顶部后固定
Jan 18 Javascript
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
React-Native之定时器Timer的实现代码
Oct 04 Javascript
Bootstrap table使用方法汇总
Nov 17 Javascript
js中el表达式的使用和非空判断方法
Mar 28 Javascript
AngularJS实现动态切换样式的方法分析
Jun 26 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 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
资料注册后发信小技巧
2006/10/09 PHP
php时间不正确的解决方法
2008/04/09 PHP
PHP 命令行参数详解及应用
2011/05/18 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
PHP多文件上传实例
2015/07/09 PHP
PHP对象实例化单例方法
2017/01/19 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
选择TreeView控件的树状数据节点的JS方法(jquery)
2010/02/06 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
ajax 同步请求和异步请求的差异分析
2011/07/04 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
JavaScript中this详解
2015/09/01 Javascript
AngularJS 依赖注入详解和简单实例
2016/07/28 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
在js代码拼接dom对象到页面上的模板总结
2018/10/21 Javascript
微信小程序实现分享商品海报功能
2019/09/30 Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
2019/11/08 Javascript
总结Python编程中函数的使用要点
2016/03/20 Python
python snownlp情感分析简易demo(分享)
2017/06/04 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
Python Tkinter模块 GUI 可视化实例
2019/11/20 Python
python对象销毁实例(垃圾回收)
2020/01/16 Python
Python2与Python3的区别详解
2020/02/09 Python
纯CSS3实现滚动的齿轮动画效果
2014/06/05 HTML / CSS
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
YesStyle美国/全球:购买亚洲时装、美容化妆品和生活百货
2017/01/16 全球购物
毕业生自荐书
2014/02/02 职场文书
连锁超市项目计划书
2014/09/15 职场文书
乡镇党委书记第三阶段个人整改措施
2014/09/16 职场文书
预备党员转正材料
2014/12/19 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
公司禁烟通知
2015/04/23 职场文书
初中团委工作总结
2015/08/13 职场文书