手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js控制分页打印、打印分页示例
js控制分页打印、打印分页示例
摘要:复制代码代码如下: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>

【js控制分页打印、打印分页示例】相关文章:

如何控制框架页的滚动

js生成验证码并直接在前端判断

javascript实现控制的多级下拉菜单

jquery控制表单输入框显示默认值的方法

Javascript 字符串模板的简单实现

基于jQuery实现的无刷新表格分页实例

js实现简单锁屏功能实例

jQuery常用知识点总结以及平时封装常用函数

js的event详解。

js控制网页前进和后退的方法

精品推荐
分类导航