`
long546324
  • 浏览: 207079 次
  • 性别: Icon_minigender_1
  • 来自: 云南
社区版块
存档分类
最新评论

JS实现网页的简单打印

阅读更多
<!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><title>
	打印审批页面
</title>
 <style type="text/css">
#dysp
{
	margin:0px;
	padding:10px;
	overflow:auto;
	color:#000;
	width:760px;
}
#dysp h1
{
	text-align:center;
}
#dysp p.sp1
{
	padding:0px;
	margin:2px 0px;
	text-align:left;
}
#dysp table
{
	border:solid 1px #000;
	border-collapse:collapse;
	margin-bottom:10px;
}
#dysp table td
{
	border:solid 1px #000;
	text-align:left;
}

#dysp table th
{
	padding:5px 0px;
	border:solid 1px #000;
}
</style>
<script language="Javascript" type="text/javascript"> 
function preview(index)
{
     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>
</head>
<body>
<div id="container">                         
<!--startprint-->
<div id="dysp">
    <table>
        <tr>
            <th class="qsTime">起始时间</th>
            <th class="jsTime">结束时间</th>
            <th class="jbxx">工作内容</th>
            <th class="bz">备注</th>
        </tr>        
        <tr>
            <td>2009-05-14</td>
            <td>2009-05-14</td>
            <td>aaaaaaaaaaaaaaaaaa </td>
            <td></td>            
        </tr>  
	<tr>
            <td>2009-05-14</td>
            <td>2009-05-14</td>
            <td>aaaaaaaaaaaaaaaaaa </td>
            <td></td>            
        </tr> 
	<tr>
            <td>2009-05-14</td>
            <td>2009-05-14</td>
            <td>aaaaaaaaaaaaaaaaaa </td>
            <td></td>            
        </tr>   
	<tr>
            <td>2009-05-14</td>
            <td>2009-05-14</td>
            <td>aaaaaaaaaaaaaaaaaa </td>
            <td></td>            
        </tr> 
	<tr>
            <td>2009-05-14</td>
            <td>2009-05-14</td>
            <td>aaaaaaaaaaaaaaaaaa </td>
            <td></td>            
        </tr>               
    <!--endprint-->
   
    <p><input id="Button1" type="button" value="打 印" class="btnDysp" 
    onclick="preview(0)"/></p>
</div>
    </div>
    </form>
</body>
</html>
3
0
分享到:
评论

相关推荐

    网页打印控件JS版

    总的来说,JsPrint控件为Web开发者提供了一种简单、高效的方式来实现网页内容的打印功能,提升了用户体验,同时减少了开发复杂度。在处理网页打印需求时,了解并熟练使用这类工具,能够极大地提高工作效率。

    JS实现浏览器打印、打印预览示例

    JS实现浏览器打印和打印...以上知识点覆盖了在现代网页中实现打印和打印预览功能所需的前端技术,包括JavaScript内置方法、页面标记、第三方库等。开发者可以根据这些知识点来设计和实现符合自己网站需求的打印功能。

    js调用iframe实现打印页面内容的方法

    JavaScript(简称JS)提供了多种方式来实现网页内容的打印,包括打印整个页面或页面上的特定区域。本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一:使用iframe实现区域打印 ...

    网页打印 js代码

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

    pdf.js Demo 纯js实现PDF在线预览及打印

    2. **在线预览**:通过调用PDF.js的API,可以实现在网页上加载和显示PDF文件。首先,需要获取PDF文件的URL,然后使用`PDFDocumentProxy`对象加载文档。一旦文档加载完成,可以遍历页码并渲染到画布或SVG元素。 3. *...

    用js实现打印和导出为Excel

    在网页中实现打印可以使用控件实现,但如果我们只是需要对当前页面的指定区域作打印,可以使用JavaScript实现。下面是一个简单的示例代码: ```javascript function PrintDataSoure(HeadName1,HeadName2,HeadName3,...

    js实现打印

    总结来说,JavaScript实现打印功能主要依赖于`window.print()`方法,通过配合CSS的`@media print`规则和可能的第三方库,可以实现对打印内容的精确控制。在.NET项目中,这些JS代码可以通过多种方式与服务器端代码相...

    js打印当前网页

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

    导出打印嵌套svg网页

    首先,通过DOM遍历获取所有SVG元素,然后使用`canvg`库或者`html2canvas`库将SVG转换为canvas的画布指令,最后调用canvas的`toDataURL`方法生成PNG图片的Base64编码,从而实现网页的导出。 导出为PNG图片时,我们...

    javascript,js打印

    在JavaScript(JS)中,打印功能是通过与浏览器的交互来实现的,允许用户将网页内容或者特定元素发送到打印机。这个过程涉及到一系列的技术和方法,包括DOM操作、CSS样式控制以及利用JavaScript库如jQuery来简化操作...

    网页打印,调用系统打印预览,方便简单

    在这个过程中,JavaScript(JS)扮演了关键的角色,提供了丰富的API和库来实现这些功能。 一、网页打印 1. `window.print()`:这是JavaScript中最基本的打印方法,调用`window.print()`会触发浏览器的默认打印...

    html和js通过window.print()实现调用浏览器打印带背景图片和生成二维码的文件功能

    在网页开发中,有时我们需要为用户提供打印功能,例如打印带有背景图片和二维码的文档。`window.print()` 是JavaScript中的一个内置方法,它可以帮助我们轻松实现这个需求。本篇将详细介绍如何利用HTML和JavaScript...

    JS实现打印两方法.txt

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

    借助Jquery Jqprint实现网页打印功能

    总的来说,jQuery jqPrint提供了一个简单易用的解决方案,帮助开发者快速实现网页打印功能。通过灵活地配置和适当的优化,可以满足大多数网页打印需求。不过,随着技术的发展,现代浏览器原生的打印API也在不断改进...

    js实现html中的pdf文件的在线预览、下载、打印等功能

    本篇文章将深入探讨如何使用JavaScript实现HTML中的PDF文件在线预览、下载以及打印功能。我们将首先介绍相关的JavaScript库,然后通过一个简单的示例演示如何实现这些功能。 一、JavaScript PDF处理库 1. **PDF.js...

    jQueryPrint.js打印网页

    jQueryPrint.js是一款基于jQuery的轻量级插件,专门用于实现网页打印功能。它允许开发者在不使用浏览器内置打印对话框的情况下,定制化地选择打印的内容,提高用户体验并优化打印流程。这款插件的核心特性是能够精准...

    js 进行打印控制 打印时隐藏按钮

    根据给定文件的信息,本文将深入探讨如何使用JavaScript来实现网页打印时的元素隐藏功能,并进一步解析相关的技术细节。 ### 知识点一:JavaScript控制打印 #### 1.1 理解`window.onbeforeprint`与`window....

    js 打印插件

    7. **javascript实现页面打印功能**:这个zip文件可能包含一个纯JavaScript实现的打印功能示例,没有依赖任何外部库。开发者可以通过研究和学习这个示例,了解如何不借助插件直接使用JavaScript实现打印功能。 综上...

    JS打印的几种实现方法

    在JavaScript(JS)中,打印功能是通过浏览器的内置API来实现的,允许用户将网页内容或者特定元素输出到打印机。这篇博客文章“JS打印的几种实现...学习和掌握这些知识点可以帮助开发者更高效地实现网页的打印功能。

Global site tag (gtag.js) - Google Analytics