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基本概念初级讲解论坛贴的学习记录
Feb 22 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
Feb 07 Javascript
如何用ajax来创建一个XMLHttpRequest对象
Dec 10 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
jQuery增加、删除及修改select option的方法
Aug 19 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
Apr 11 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
详解vue 自定义marquee无缝滚动组件
Apr 09 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
Aug 20 Javascript
es6数组之扩展运算符操作实例分析
Apr 25 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+mysql注射语句构造
2009/10/30 PHP
php empty函数判断mysql表单是否为空
2010/04/12 PHP
PHP-redis中文文档介绍
2013/02/07 PHP
图片自动缩小的js代码,用以防止图片撑破页面
2007/03/12 Javascript
用Javascript 获取页面元素的位置的代码
2009/09/25 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
jquery利用ajax调用后台方法实例
2013/08/23 Javascript
nodejs创建web服务器之hello world程序
2015/08/20 NodeJs
JS实现Select的option上下移动的方法
2016/03/01 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
2016/03/11 Javascript
JS数组搜索之折半搜索实现方法分析
2017/03/27 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
php 修改密码实现代码
2017/05/24 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
layui type2 通过url给iframe子页面传值的例子
2019/09/06 Javascript
JS实现小星星特效
2019/12/24 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
2020/05/19 jQuery
解决Vue-Router升级导致的Uncaught (in promise)问题
2020/08/07 Javascript
wxpython学习笔记(推荐查看)
2014/06/09 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
使用python远程操作linux过程解析
2019/12/04 Python
python numpy数组复制使用实例解析
2020/01/10 Python
Python:__eq__和__str__函数的使用示例
2020/09/26 Python
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
竞选班长的演讲稿
2014/04/24 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
2014年底工作总结
2014/12/15 职场文书
先进班组事迹材料
2014/12/25 职场文书
先进工作者个人总结
2015/02/15 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
敬老院志愿者活动总结
2015/05/06 职场文书
辞职信格式范文
2015/05/13 职场文书
Python基于百度AI实现抓取表情包
2021/06/27 Python