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 写类方式之九
Jul 05 Javascript
JavaScript去掉空格的方法集合
Dec 28 Javascript
jquery 回车事件实现代码
Aug 23 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
Jan 02 Javascript
js模拟hashtable的简单实例
Mar 06 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
纯原生js实现贪吃蛇游戏
Apr 16 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 Javascript
Vue自定义toast组件的实例代码
Aug 15 Javascript
webpack4 处理CSS的方法示例
Sep 03 Javascript
详解在HTTPS 项目中使用百度地图 API
Apr 26 Javascript
layui实现checkbox的目录树tree的例子
Sep 12 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实现保存周期为1天的购物车类
2017/07/07 PHP
Laravel框架使用Redis的方法详解
2018/05/30 PHP
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
javascript常用的正则表达式实例
2014/05/15 Javascript
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
jQuery实现ichat在线客服插件
2014/12/29 Javascript
JavaScript中的DSL元编程介绍
2015/03/15 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
果断收藏9个Javascript代码高亮脚本
2016/01/06 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
Vue Prop属性功能与用法实例详解
2019/02/23 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
2019/06/13 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
Python中请使用isinstance()判断变量类型
2014/08/25 Python
python类的方法属性与方法属性的动态绑定代码详解
2017/12/27 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
解决ROC曲线画出来只有一个点的问题
2020/02/28 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
StubHub智利:购买和出售您的门票
2016/11/23 全球购物
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
护士专业推荐信
2013/11/02 职场文书
行政主管职责范本
2014/03/07 职场文书
2014年客房部工作总结
2014/11/22 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
投诉信回复范文
2015/07/03 职场文书
CentOS7安装GlusterFS集群以及相关配置
2022/04/12 Servers
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL