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 相关文章推荐
javascript 类型判断代码分析
Mar 28 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
Mar 16 Javascript
javacript获取当前屏幕大小
Jun 04 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
jquery自定义显示消息数量
Dec 19 jQuery
详解html-webpack-plugin用法全解
Jan 22 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
Feb 18 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
vue开发拖拽进度条滑动组件
Sep 21 Javascript
如何使用Javascript中的this关键字
May 28 Javascript
四十九个javascript小知识实用技巧
Nov 20 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
PHP之COOKIE支持详解
2010/09/20 PHP
PHP 自定义错误处理函数trigger_error()
2013/03/26 PHP
php实现递归抓取网页类实例
2015/04/03 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
PHP模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
json 实例详细说明教程
2009/10/31 Javascript
JavaScript 空位补零实现代码
2010/02/26 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
jQuery实现简单的tab标签页效果
2016/09/12 Javascript
jQuery实现手机上输入后隐藏键盘功能
2017/01/04 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
vue按需加载实例详解
2019/09/06 Javascript
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍
2014/06/10 Python
Python中使用Inotify监控文件实例
2015/02/14 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
Python Flask基础教程示例代码
2018/02/07 Python
Django框架实现的分页demo示例
2019/05/25 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
python 安装impala包步骤
2020/03/28 Python
python3 简单实现组合设计模式
2020/07/02 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
详解基于python的全局与局部序列比对的实现(DNA)
2020/10/07 Python
Python将QQ聊天记录生成词云的示例代码
2021/02/10 Python
美国鲍勃商店:Bob’s Stores
2018/07/22 全球购物
会计应聘求职信范文
2013/12/17 职场文书
小学教学工作总结2015
2015/05/13 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL