function doPrint(){

    var article;

    var css;

    var strAdBegin="";

    var strAdEnd="";

    var strTmp;

    var str="<html>\n<meta http-equiv='content-type' content='text/html; charset=gb2312'>";

    css="<style>"+"td,.f12{font-size:12px}";

    css +="body{font-family:宋体;border:1px #6f6f6f solid;}";

    css +=".f24 {font-size:24px;}";

    css +=".f14 {font-size:14px;}";

    css +=".content_text{width:97%;margin-left:3%;}";

    css +=".title14 {font-size:14px;line-height:130%}";

    css +=".l17 {line-height:170%;}";

    css +=".x14 {font-size:14px;line-height:130%}";

    css +="a.zwy:link,a.zwy:active,a.zwy:visited,a.zwy:hover{text-decoration:none;color: #311bad;}";

    css +="a.htt:link,a.htt:active,a.htt:visited{text-decoration:none;color: #7b4109;}";

    css +="<\/style>";

    str +=  css;

    str +="<link href='/css/com_article.css' rel='stylesheet' type='text/css' />";

    str +=  '<meta http-equiv="content-type" content="text/html; charset=gb2312">';

    str +=  '<title>'+document.title+'<\/title>';

    str +=  "<body bgcolor=#ffffff topmargin=5 leftmargin=5 marginheight=5 marginwidth=5 >";

    str +=  "<center><table width=650  border=0 cellpadding=0 cellspacing=0 ><tr>";

    str +=  "<td align=left valign=bottom style='padding-top:12px;'>View</td>";

    str +=  "<td align=right valign=bottom style='padding-top:12px;'><a href='javascript:window.print()'><strong>Print</strong><\/a> <a href='javascript:history.back()'><strong>Back</strong><\/a><\/td><\/tr><\/table>";

    str +=  "<table  style='width:650px;border:#8EDDE6 1px solid;'><tr><td>";

    str +=document.getElementById('print_nav').innerHTML+"</td></tr><tr><td>";

    article=document.getElementById('divContext').innerHTML;

    var nv  =  document.getElementById('div_multipagenav');

    if (nv!=null)

    {

       var nav =document.getElementById('div_multipagenav').innerHTML;

       article=article.replace(nav,"");

    }

    var hzh=document.getElementById('TomHZH');

    if (hzh !=null)

    {

      var oldhzh=document.getElementById('TomHZH').innerHTML;

      article=article.replace(oldhzh,"");

    }

    if(article.indexOf(strAdBegin)!=-1)

    {

      str +=article.substr(0,article.indexOf(strAdBegin));

      strTmp=article.substr(article.indexOf(strAdEnd)+strAdEnd.length, article.length);

    }

    else

    {

        strTmp=article

    }

    str +=strTmp

    str +=  "<\/td><\/tr><\/table><\/center><div style='height:25px;'><\/div>";

    str +=  "<\/body><\/html>";

    document.write(str);

    window.print();

    document.close();

}

str +=document.getElementById('print_nav').innerHTML+"</td></tr><tr><td>";
    article=document.getElementById('divContext').innerHTML;  //这是获取要打印内容的地方

var nv  =  document.getElementById('div_multipagenav');

这三个ID必须有！DIV标记的ID

HTML页面内的使用方法：

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />、

<title>Print</title>

<script type="text/javascript" language="javascript" src="doPrint.js"></script>

</head>

<body>

<form id="form1">

   <div id="print_nav"></div>

   <div id="divContext">

      <img src="data:images/edm_01.jpg" alt="" />

   </div>

   <div id="div_multipagenav"></div>

   <input type="button" value="print" onclick="doPrint();" />

</form>

</body>

</html>

js 控制DIV 预览打印的更多相关文章

  1. 兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览

    html代码: <div id="divPreview"> <img id="imgHeadPhoto" src="Images/H ...

  2. js本地图片预览代码兼容所有浏览器

    html代码 <div id="divPreview" style="width: 160px; height: 170px"><img id ...

  3. js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. js 控制Div循环显示 非插件版

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. JS控制DIV隐藏显示

    转载自:http://blog.sina.com.cn/s/blog_6c3a67be0100ldbe.html JS控制DIV隐藏显示 一,需求描述: 现在有3个DIV块,3个超链接,需要点击一个链 ...

  6. 功能整合（一）：滚动条的变相隐藏、js控制div的渐变显示、滚动条监听

    1.滚动条的变相隐藏 思路: 1.  把body的横向,纵向的超出部分隐藏,宽设置100%:高设置100%.就没有body的滚动条了, 2.  然后把最外层的div的宽设置的比body的宽宽一点,把d ...

  7. ehlib预览打印的使用

    ehlib支持预览打印功能,可以省去重新制作报表的麻烦,经过一天的努力,基本上解决了这个问题.把解决方法写出来,同行的朋友可以参考,同时为自己做个学习笔记.     首先,需要放置PrintDBGri ...

  8. JS控制div跳转到指定的位置的几种解决方案总结

    原文:http://www.jb51.net/article/96574.htm 这篇文章主要介绍了JS控制div跳转到指定的位置的几种解决方案总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考 ...

  9. js控制div样式显示与隐藏，JS通过点击超链接右边（指定位置）显示一个图标

    原文出自:https://blog.csdn.net/seesun2012 javascript基础篇,老土的方法解决js控制div样式,便于新手理解,粗暴的不能再粗暴,如果你是高手,请忽略! 思路: ...

随机推荐

  1. 关于"user.dir"的认识

    最近阅读了一些tomcat源码,看到tomcat在读取jar包外配置文件,是将“user.dir”的路径作为home path文件即 通过System.getProperty("user.d ...

  2. 【转】iOS开发－Protocol协议及委托代理（Delegate）传值

    原文网址:http://www.cnblogs.com/GarveyCalvin/p/4210828.html 前言:因为Object-C是不支持多继承的,所以很多时候都是用Protocol(协议)来 ...

  3. Less的学习（一）

    1.html部分 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head& ...

  4. ASP.NET静态页生成

    由于业务需要,得把页面按照模板页生成静态页面,所以自己就琢磨了下,写些思路,以备日后需要的时候用. 静态页生成用到最多的就是匹配跟替换了,首先得读取模板页的html内容,然后进行你自己定义的标签匹配, ...

  5. Bootstrap学习之路（2）---导航组件

    在bootstrap中,导航条的样式都依赖于.nav类,而样式又分为多种,如: 标签页的样式为:.nav-tabs <ul class="nav nav-tabs"> ...

  6. hdu 3572 Task Schedule（最大流）2010 ACM-ICPC Multi-University Training Contest（13）——Host by UESTC

    题意: 告诉我们有m个任务和k个机器.第i个任务需要ci天完成,最早从第ai天开始,最晚在第bi天结束.每台机器每天可以执行一个任务.问,是否可以将所有的任务都按时完成? 输入: 首行输入一个整数t, ...

  7. hdu 5492 Find a path（dp+少量数学）2015 ACM/ICPC Asia Regional Hefei Online

    题意: 给出一个n*m的地图,要求从左上角(0, 0)走到右下角(n-1, m-1). 地图中每个格子中有一个值.然后根据这些值求出一个最小值. 这个最小值要这么求—— 这是我们从起点走到终点的路径, ...

  8. C# "error CS1729: 'XXClass' does not contain a constructor that takes 0 arguments"的解决方案

    出现这种错误的原因时,没有在子类的构造函数中指出仅有带参构造函数的父类的构造参数. 具体来讲就是: 当子类要重用父类的构造函数时, C# 语法通常会在子类构造函数后面调用 : base( para_t ...

  9. 7、NFC技术：让Android自动运行程序

    用于描述NDEF格式数据的两个重要的类 NdefMessage:描述NDEF格式的信息 NdefRecord:描述NDEF信息的一个信息段  NdefMessage和NdefRecord是Androi ...

  10. 【JNI】OPUS压缩与解压的JNI调用（.DLL版本）

    OPUS压缩与解压的JNI调用(.DLL版本) 一.写在开头: 理论上讲,这是我在博客园的第一篇原创的博客,之前也一直想找个地方写点东西,把最近做的一些东西归纳总结下,但是一般工程做完了一高兴就把东西 ...