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 跳转代码集合
Dec 03 Javascript
JS获取页面input控件中所有text控件并追加样式属性
Feb 25 Javascript
jQuery学习笔记之jQuery构建函数的7种方法
Jun 03 Javascript
js实现跨域的方法实例详解
Jun 24 Javascript
浅谈js基本数据类型和typeof
Aug 09 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
JavaScript 栈的详解及实例代码
Jan 22 Javascript
JavaScript验证知识整理
Mar 24 Javascript
vue2.0 自定义日期时间过滤器
Jun 07 Javascript
说说如何使用Vuex进行状态管理(小结)
Apr 14 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 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
如何在旧的PHP系统中使用PHP 5.3之后的库
2015/12/02 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
Javascript中的变量使用说明
2010/05/18 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
js字符串操作方法实例分析
2015/05/06 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
2015/11/25 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
浅谈使用React.setState需要注意的三点
2017/12/18 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
如何解决vue2.0下IE浏览器白屏问题
2018/09/13 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
Node.js net模块功能及事件监听用法分析
2019/01/05 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
layer弹出层取消遮罩的方法
2019/09/25 Javascript
python循环监控远程端口的方法
2015/03/14 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
在python 中实现运行多条shell命令
2019/01/07 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
Python爬虫之Selenium实现窗口截图
2020/12/04 Python
python解包用法详解
2021/02/17 Python
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
如何开发一个JQuery插件
2016/07/28 面试题
如何安装ruby on rails
2014/02/09 面试题
培训主管的岗位职责
2013/11/23 职场文书
文明学生事迹材料
2014/01/29 职场文书
励志演讲稿500字
2014/08/21 职场文书
委托收款证明
2015/06/23 职场文书
优质护理心得体会
2016/01/22 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
MySQL 5.7常见数据类型
2021/07/15 MySQL
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技
Vue2项目中对百度地图的封装使用详解
2022/06/16 Vue.js