展会信息港展会大全

js控制分页打印、打印分页示例
来源:互联网   发布日期:2016-03-24 20:17:36   浏览:2545次  

导读:分页打印的实现方法有很多,本文为大家介绍的使用js来完成这个需求,感兴趣的朋友可以参考下代码如下:<%@ page language=...

分页打印的实现方法有很多,本文为大家介绍的使用js来完成这个需求,感兴趣的朋友可以参考下

代码如下:

<%@ 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>

第一页的内容

1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111

</td>

</tr>

</table>

<hr size=1 noshadow color=black class=NOPRINT >

<div class="PageNext">

第二页内容

1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111

1111111111111111111

</div>

<hr size=1 noshadow color=black class=NOPRINT >

第三页内容

</html>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港