在页面中实现打印---利用JavaScript实现打印页面,利用WebBrower组件实现打印

阅读更多

1、利用JavaScript实现打印页面

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>title>

<script type="text/javascript" language="javascript">

function printPage() {

//打印当前窗体

window.print();

}

script>

head>

<body>

<form id="form1" runat="server">

<div>

ASP.NET学习

div>

<input type="button" id="btnPrint" value="打印" onclick="printPage()" />

form>

body>

html>

2、控制打印范围

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="_Default2" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>title>

<script type="text/javascript" language="javascript">

function printPage() {

//获取页面内容

var bdhtml = document.body.innerHTML;

var beginstr = "";

var endstr = "";

//获取要打印的内容

var prnhtml = bdhtml.substr(bdhtml.indexOf(beginstr) + 17);

prnhtml = prnhtml.substr(0, prnhtml.indexOf(endstr));

//预览

window.document.body.innerHTML = prnhtml

//打印当前窗体

window.print();

}

script>

head>

<body>

<form id="form1" runat="server">

<div align="center">

<span>这里是我需要打印的内容span>

div>

<div>

ASP.NET学习

div>

<input type="button" id="btnPrint" value="打印需要部分" onclick="printPage()" />

form>

body>

html>

HTML中标记内容的开始位置和结束位置,然后截取需要打印的内容。

3、利用WebBrower组件实现打印

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>title>

<script type="text/javascript" language="javascript">

function printTools(type) {

switch (type) {

case 1:

//打印预览

document.all.wb1.ExecWB(7,1);

break;

case 2:

//打印

document.all.wb1.ExecWB(6, 1);

break;

case 3:

//打印设置

document.all.wb1.ExecWB(8, 1);

break;

}

}

script>

head>

<body>

<form id="form1" runat="server">

<object id="wb1" width="0" height="0" classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'>object>

<div>

ASP.NET学习

div>

<input type="button" value="打印预览" id="btnPreview" onclick="printTools(1)" />  

<input type="button" value="打印" id="btnPrint" onclick="printTools(2)" />  

<input type="button" value="打印设置" id="btnSetting" onclick="printTools(3)" />  

form>

body>

html>

首先使用object标签加载ExecWB组件,必须指定本页中的唯一标识ID

运行会提示加载ActiveX控件,很不爽,需要设置下

在页面中实现打印---利用JavaScript实现打印页面,利用WebBrower组件实现打印_第1张图片

Internet选项的安全选项中设置

在页面中实现打印---利用JavaScript实现打印页面,利用WebBrower组件实现打印_第2张图片

4、实际开发中一般为要打印的内容单独做个页面,如:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebAppPrint.WebForm1" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>title>

head>

<body>

<form id="form1" runat="server">

<div>

需要打印的内容

div>

<object id='Object1' name="WebBrowser" width="0" height="0" classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'>

object>

<script type="text/javascript">

document.getElementById("WebBrowser").ExecWB(7, 1);

window.close();

script>

form>

body>

html>

然后在主页面拖放一个Button按钮指向此页面,例如指向上面的页面:

protected void Button1_Click(object sender, EventArgs e)

{

Response.Redirect("WebForm1.aspx");

}

你可能感兴趣的:(JavaScript,ASP.net,XHTML,ASP,HTML)