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 相关文章推荐
jQuery load方法用法集锦
Dec 06 Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
jQuery UI设置固定日期选择特效代码分享
Aug 27 Javascript
跟我学习javascript的Date对象
Nov 19 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 Javascript
AngularJS表单验证功能
Oct 19 Javascript
详解如何使用webpack在vue项目中写jsx语法
Nov 08 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
Nov 02 Javascript
Vue常用的全选/反选的示例代码
Feb 19 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 如何向 MySQL 发送数据
2006/10/09 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
基于PHP给大家讲解防刷票的一些技巧
2015/11/18 PHP
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
js change,propertychange,input事件小议
2011/12/20 Javascript
简约JS日历控件 实例代码
2013/07/12 Javascript
基于编写jQuery的无缝滚动插件
2014/08/02 Javascript
AngularJS学习笔记之依赖注入详解
2016/05/16 Javascript
AngularJS创建自定义指令的方法详解
2016/11/03 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
Typescript的三种运行方式(小结)
2019/09/18 Javascript
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
vue-resource 拦截器interceptors使用详解
2021/01/18 Vue.js
[05:14]辉夜杯主赛事第二日 RECAP精彩回顾
2015/12/27 DOTA
Python基于二分查找实现求整数平方根的方法
2016/05/12 Python
pytorch + visdom CNN处理自建图片数据集的方法
2018/06/04 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
详解python:time模块用法
2019/03/25 Python
浅谈Python访问MySQL的正确姿势
2020/01/07 Python
基于Tensorflow批量数据的输入实现方式
2020/02/05 Python
Python实现UDP程序通信过程图解
2020/05/15 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
python使用布隆过滤器的实现示例
2020/08/20 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
教师研修随笔感言
2014/01/23 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书
2016入党心得体会范文
2016/01/06 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技