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 29 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
JS实现网站菜单拖拽移位效果的方法
Sep 24 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
jQuery实现下拉框功能实例代码
May 06 Javascript
jquery遍历json对象集合详解
May 18 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
简单谈谈js的数据类型
Sep 25 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
Vue如何使用混合Mixins和插件开发详解
Feb 05 Javascript
Element Badge标记的使用方法
Jul 27 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 foreach循环使用详解与实例代码
2010/05/08 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
浅析php变量作用域的一些问题
2013/08/08 PHP
PHP使用array_multisort对多个数组或多维数组进行排序
2014/12/16 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
php实现图片等比例缩放代码
2015/07/23 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
HTML复选框和单选框 checkbox和radio事件介绍
2012/12/12 Javascript
js操作table示例(个人心得)
2013/11/29 Javascript
javascript制作游戏开发碰撞检测的封装代码
2015/03/31 Javascript
Immutable 在 JavaScript 中的应用
2016/05/02 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
2016/07/28 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
解析Json字符串的三种方法日常常用
2018/05/02 Javascript
vue学习笔记之slot插槽用法实例分析
2020/02/29 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
python 字段拆分详解
2019/12/17 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
PyCharm最新激活码PyCharm2020.2.3有效
2020/11/18 Python
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
安全资料员岗位职责
2013/12/14 职场文书
环保倡议书100字
2014/05/15 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
入党积极分子群众意见
2015/06/01 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang
python实现MD5进行文件去重的示例代码
2021/07/09 Python