`
zhangyi0618
  • 浏览: 62821 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript实现网页打印

 
阅读更多

方式一:

<html>
<head>

<script language="JavaScript" type="text/javascript">
function DP(){
if (window.print)
{
var Div1=document.all.Div1.innerHTML;
var Div2=document.all.Div2.innerHTML;
// Div1、Div2即为你在打印的区域

var css = '<style type="text/css" media=all>'+'p{line-height:120%}'+'.ftitle{line-height:120%;font-size:18px;color:#000000}'+'td{font-size:10px; color:#000000}'+'</style>';
//定义打印用的CSS
var text = '<table width="640" border="0" cellspacing="0" cellpadding="5">'+'<tr>'+'<td class="fbody">'+'<div align="center" class=ftitle>'+Div1+'</div>'+Div2+'</td>'+'</tr>'+'</table>';
//在此处重新设置的打印格式
document.body.innerHTML='<center>'+css+text+'</center>';

//重设document.body,打印文档准备就绪

window.print();
window.history.go(0);
}
}
</script>

</head>
<body>
<div id=Div1>XXXXX内容XXXXXX</div>
<div id=Div2>XXXXX内容XXXXXX</div> //少了DIV2啊

<input type=button value=打印 onclick=DP()>
</body>

 

方式二:

<HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312" />

<SCRIPT language=javascript>

  function printsetup(){

  // 打印页面设置

  wb.execwb(8,1);

  }

  function printpreview(){

  // 打印页面预览

 

  wb.execwb(7,1);

 

 

  }

 

  function printit()

  {

  if (confirm('确定打印吗?')) {

  wb.execwb(6,6)

  }

  }

  </SCRIPT>

<style type="text/css" media=print>

.noprint{display : none }

</style>

 

</HEAD>

<BODY>

 

<DIV align=center>

<OBJECT id=wb height=0 width=0

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>

net.blogjava.chenlb do print 中文 ^_^

<p class="noprint">

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

</p>

</DIV>

</BODY>

</HTML>

 

方式三:

正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法: 1、在页面的代码头部处加入JavaScript:

JavaScript代码

<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>

2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。

也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。

3、截取内容部分已完成,现在加个“打印”的链接:

XML/HTML代码
<a href="javascript:;" onClick="doPrint()">打印</a>

 

方式四:

正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法: 1、在页面的代码头部处加入JavaScript:

JavaScript代码

<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>

2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。

也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。

3、截取内容部分已完成,现在加个“打印”的链接:

XML/HTML代码
<a href="javascript:;" onClick="doPrint()">打印</a>

 

分享到:
评论
1 楼 qq506623761 2012-09-02  

非常好!几种情况都想到了

相关推荐

    利用javascript实现网页打印

    总的来说,利用JavaScript实现网页打印涉及到`window.print()`方法、CSS媒体查询和打印相关的CSS属性。通过这些技术,我们可以定制打印内容,隐藏不需要的元素,调整页面布局,并控制分页。为了优化打印体验,还需要...

    javascript 实现页面打印

    JavaScript 实现页面打印 本文将介绍使用 JavaScript 实现页面打印的方法,并提供相关的代码示例。 一、使用 ExecWB() 函数实现打印 ExecWB() 函数是 IE 浏览器提供的一个函数,可以用来调用 IE 菜单下的打印命令...

    网页打印 js代码

    本文将深入探讨如何利用JavaScript实现网页打印功能,包括基本的全页打印、特定元素打印以及优化打印样式等关键知识点。 ### 基本的全页打印 全页打印是最常见的网页打印方式,通常在用户点击“打印”按钮后,...

    javascript网页打印设置

    在JavaScript中进行网页打印设置是一项常见的任务,尤其在开发网页应用程序时,往往需要提供用户友好的打印功能。本文将深入探讨如何使用JavaScript控制和自定义网页打印,包括页面布局、样式处理、排除不必要元素等...

    js打印当前网页

    ### 知识点:使用JavaScript实现网页打印功能 在现代Web开发中,为用户提供打印功能是一种常见的需求。本文将深入探讨如何使用JavaScript实现对当前网页的打印,这不仅包括简单的打印整个页面,还涉及到选择性地...

    smsx控件实现网页打印

    【smsx控件实现网页打印】技术详解 在IT领域,网页打印是一个常见的需求,它允许用户将网页内容输出到纸质媒介或者PDF等格式进行保存。本文将详细讲解如何利用smsx控件来实现这一功能,并结合实际测试案例,帮助...

    设置网页打印的页眉页脚为空和默认值,动态控制

    本文将详细介绍如何通过JavaScript实现网页打印时页眉页脚的动态控制,包括设置为空以及设置为默认值。 #### 一、背景介绍 在网页打印过程中,默认情况下,浏览器会自动添加一些信息到页眉或页脚,如网址、日期、...

    用Javascript打印网页指定标签的内容

    用Javascript打印网页指定标签的内容 用Javascript打印网页指定标签的内容是指在网页上选择指定的标签,然后将其内容导出到另一个页面上,最后进行打印的操作。这种方法可以灵活地控制打印的内容和格式。下面将详细...

    JS实现打印两方法.txt

    以上介绍了两种使用JavaScript实现网页打印的方法:一种是通过创建隐藏的`WebBrowser`对象并调用其`ExecWB`方法;另一种则是直接使用`window.print()`方法。虽然第一种方法在某些特定情况下可能提供更多控制选项,但...

    网页打印 javascript

    JavaScript是一种广泛用于网页交互的编程语言,它可以用来控制和自定义网页打印的行为。在这个话题中,我们将深入探讨如何使用JavaScript进行网页打印,以及如何设置打印区域。 首先,JavaScript 提供了一种名为 `...

    javascript实现打印报表功能

    本文将深入探讨如何使用JavaScript实现打印报表功能,包括与Excel和Word的交互,帮助开发者从初级到高级逐步提升技能。 首先,我们要理解JavaScript在报表打印中的角色。在网页端,JavaScript可以用于控制页面元素...

    手机网页打印,wap打印,手机打印,H5打印,H5手机打印,H5截屏,js 截屏,手机网页截屏

    本文将深入探讨“手机网页打印”、“WAP打印”、“手机打印”、“H5打印”以及相关的“H5手机打印”技术,并重点介绍如何实现手机网页的截屏功能,包括“JS截屏”。 首先,让我们了解这些概念。手机网页打印是指...

    SilentPrint一个静默打印的中间件网页实现静默打印

    在现代网页应用中,有时我们需要实现无用户交互的自动打印功能,即所谓的“静默打印”。静默打印允许应用程序在后台执行打印任务,无需用户手动点击打印按钮或者进行其他操作。在JavaScript开发中,这种功能通常依赖...

    实现网页打印(Lodop)

    Lodop是一款功能强大的网页打印控件,它提供了便捷的JavaScript API,使得网页中的数据能够方便地被打印出来,无需用户下载任何插件。本文将深入探讨Lodop在PHP环境下的实现原理、使用方法以及常见问题的解决策略。 ...

    javascript实现页面打印功能.zip

    这个名为"javascript实现页面打印功能.zip"的压缩包很可能包含了一套完整的JavaScript解决方案,用于在各种浏览器上实现页面打印的功能。下面我们将深入探讨如何使用JavaScript、jQuery以及可能涉及到的兼容性问题。...

    ajax+javascript打印网页数据

    本篇文章将深入探讨如何使用Ajax和JavaScript来实现网页数据的打印功能。 Ajax的核心在于它允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验,因为用户可以继续...

    实现web网页的打印功能

    在Web开发中,实现网页打印功能是常见的需求,特别是在企业级应用中,用户可能需要将网页内容导出或打印为纸质文档。本篇文章将详细探讨如何在C#和.NET平台上实现这一功能,尤其是如何允许用户选择打印特定的区域。 ...

    javascript打印如何自定义纸张大小(代码)[借鉴].pdf

    // 设置网页打印的页眉页脚为, ``` 四、解决横向和纵向的问题 使用 JavaScript 可以实现横向和纵向的设置。 ```javascript // 设置打印方向为横向 WebBrowser.ExecWB(8, 1); // 设置打印方向为纵向 WebBrowser....

    网页打印功能的实现

    总之,实现网页打印功能涉及多方面的技术,包括CSS媒体查询、HTML结构优化、JavaScript交互以及用户体验设计。通过细心的规划和实践,我们可以创建出既美观又实用的打印体验,满足用户的多样化需求。

Global site tag (gtag.js) - Google Analytics