js控制分页打印、打印分页示例


Posted in Javascript onFebruary 08, 2014
<%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<HTML> 
<HEAD> 
<TITLE>javascript打印-打印页面设置-打印预览代码</TITLE> 
<META http-equiv=Content-Type content="text/html; charset=gb2312" /> 
<style media=print> 
.Noprint{display:none;} 
.PageNext{page-break-after: always;} 
</style> 
<SCRIPT language=javascript> 
function printsetup(){ 

// 打印页面设置 

wb.execwb(8,1); 

} 

function printpreview(){ 

// 打印页面预览   

wb.execwb(7,1); 

} 

function printit() 

{ 

if (confirm('确定打印吗?')) { 

wb.execwb(6,6) 

} 

} 
</SCRIPT> 
</HEAD> 
<BODY> 
<DIV align=center> 
<OBJECT id=wb height=0 width=0 
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT> 
<INPUT onclick=javascript:printit() type=button value=打印 name=button_print /> 
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup /> 
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show /> 
</DIV> 
111</br> 
111</br> 
111</br> 
<div class="PageNext"></div> 
222</br> 
222</br> 
222</br> 
<div class="PageNext"></div> 
333</br> 
333</br> 
333</br> 
<div class="PageNext"></div> 
444</br> 
444</br> 
444</br> 
<div class="PageNext"></div> 
555</br> 
555</br> 
555</br> 
</BODY> 
</HTML>

<html> 
<title>JS 分页批量打印解决方案(只支持IE)</title> 
<script language="javascript"> 
function printWithAlert() { 
document.all.WebBrowser.ExecWB(6,1); 
} 
function printWithoutAlert() { 
document.all.WebBrowser.ExecWB(6,6); 
} 
function printSetup() { 
document.all.WebBrowser.ExecWB(8,1); 
} 
function printPrieview() { 
document.all.WebBrowser.ExecWB(7,1); 
} 
function printImmediately() { 
document.all.WebBrowser.ExecWB(6,6); 
window.close(); 
} 
</script> 
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 style="display:none"> 
</OBJECT> 
</noscript> 
<style media=print> 
.Noprint{display:none;} .PageNext{page-break-after: always;} 
</style> 
<table align="center" class=NOPRINT> 
<tr> 
<td align="center"><BUTTON title=打印 onclick=printWithAlert()>打印</BUTTON> 
<BUTTON title=直接打印 onclick=printWithoutAlert()>直接打印</BUTTON> 
<input type=button value="打印设置" onClick="printSetup()" > 
<button onclick ='printPrieview()' title='打印预览...' >打印预览</button></td> 
</tr> 
</table> 
<div class=NOPRINT> 以下为打印区:<br> 
</div> 
<hr size=1 noshadow color=black class=NOPRINT > 
<table class="PageNext" > 
<tr> 
<td colspan=2> 
第一页的内容 
11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 
</td> 
</tr> 
</table> 
<hr size=1 noshadow color=black class=NOPRINT > 
<div class="PageNext"> 
第二页内容 
11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 
</div> 
<hr size=1 noshadow color=black class=NOPRINT > 
第三页内容 
</html>
Javascript 相关文章推荐
推荐:极酷右键菜单
Nov 29 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
FireBug 调试JS入门教程 如何调试JS
Dec 23 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
window.open()实现post传递参数
Mar 12 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
javascript 开发之网页兼容各种浏览器
Sep 28 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
May 06 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
怎么理解wx.navigateTo的events参数使用详情
May 18 Javascript
javascript中的self和this用法小结
Feb 08 #Javascript
javascript中match函数的用法小结
Feb 08 #Javascript
纯JS实现动态时间显示代码
Feb 08 #Javascript
js数字转换为float,取N位小数
Feb 08 #Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 #Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 #Javascript
JavaScript的strict模式与with关键字介绍
Feb 08 #Javascript
You might like
php5中date()得出的时间为什么不是当前时间的解决方法
2008/06/30 PHP
ThinkPHP CURD方法之page方法详解
2014/06/18 PHP
C#静态方法与非静态方法实例分析
2014/09/22 PHP
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
namespace.js Javascript的命名空间库
2011/10/11 Javascript
判断多个input type=file是否有已经选择好文件的代码
2012/05/23 Javascript
JavaScript 用Node.js写Shell脚本[译]
2012/09/20 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
jquery预览图片实现鼠标放上去显示实际大小
2014/01/16 Javascript
js实现的标题栏新消息闪烁提示效果
2014/06/06 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
2015/03/20 Javascript
浅谈JavaScript中null和undefined
2015/07/09 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
2015/08/21 Javascript
JavaScript实现下拉菜单的显示和隐藏
2016/01/05 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
详解vue组件开发脚手架
2018/06/15 Javascript
vue实现搜索过滤效果
2019/05/28 Javascript
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
使用Python脚本将绝对url替换为相对url的教程
2015/04/24 Python
python实现多线程的两种方式
2016/05/22 Python
jupyter 使用Pillow包显示图像时inline显示方式
2020/04/24 Python
vue.js刷新当前页面的实例讲解
2020/12/29 Python
享誉全球的多元化时尚精品购物平台:Farfetch发发奇(支持中文)
2017/08/08 全球购物
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
澳大利亚手表品牌:Time IV Change
2018/10/06 全球购物
某公司部分笔试题
2013/11/05 面试题
毕业生的求职信范文分享
2013/12/04 职场文书
九年级家长会邀请函
2014/01/15 职场文书
九年级科学教学反思
2014/01/29 职场文书
电子专业求职信
2014/06/19 职场文书
一个独生女的故事观后感
2015/06/04 职场文书