js控制分页打印、打印分页示例
js控制分页打印、打印分页示例
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:javascript打印-打印页面设置-打印预览代码.Noprint{display:none;}.PageNext{pa...

复制代码 代码如下:

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

222</br>

222</br>

222</br>

<div></div>

333</br>

333</br>

333</br>

<div></div>

444</br>

444</br>

444</br>

<div></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>

</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="打印设置" >

<button onclick ='printPrieview()' title='打印预览...' >打印预览</button></td>

</tr>

</table>

<div class=NOPRINT> 以下为打印区:<br>

</div>

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

<table >

<tr>

<td colspan=2>

第一页的内容

11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

</td>

</tr>

</table>

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

<div>

第二页内容

11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

</div>

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

第三页内容

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类