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. 【转】Xcode6 模拟器路径

    原文网址:http://www.cocoachina.com/bbs/read.php?tid-231024.html Xcode6发布后,出现了很多的变动,功能性的变动,在这里不进行过多的赘述,在W ...

  2. linux apache 配置fastcgi

    Redhat 上 FastCGI 安装与配置 软件包 相关软件包: httpd 2.2.14      //注意版本 这个版本不会出问题   注:apache httpd安装 fcgi-2.4.0.t ...

  3. centos5.4_x64 red5 1.0安装部署

    一.centos5.4_x64 默认安装后会集成jdk1.6 java -version 如果显示当前安装的版本号为1.6,则不需要再安装. 二.安装Red5 1.创建临时目录: cd /usr/lo ...

  4. makefile实例(1)-helloworld

    简单makefile实例 1,源文件: main.cpp #include <stdio.h> int main() { printf("Hello World\n") ...

  5. java 判断两个时间段是不是有交集

    如上图:X Y  Z  分别为传来的开始时间可能位于数据库中时间段的位置. X有三种可能 即传来的开始时间为与数据可中某条数据的开始位置!      这样他的结束时间就有三种可能       1.位于 ...

  6. LR 解决中文乱码(来源——百度)

    因为我们使用的中文操作系统默认的中文编码格式是GB2312,所以LR对服务器的返回内容自动使用GB2312方式阅读的,但是几乎所有的中文网站现在都在使用UTF-8的方式来编码,由于解码编码的方式不同最 ...

  7. 应用scikit-learn做文本分类(转)

    文本挖掘的paper没找到统一的benchmark,只好自己跑程序,走过路过的前辈如果知道20newsgroups或者其它好用的公共数据集的分类(最好要所有类分类结果,全部或取部分特征无所谓)麻烦留言 ...

  8. Python cookbook-读书笔记01

    1 数据结构和算法 1.1 Unpacking a sequence into separate variable(解包,赋值) >>> data = [ 'ACME', 50, 9 ...

  9. ps做gif love教程(转)

    先看看效果吧: 这是在写部教程的时候,看到一个由方格组成的心.于是试着用PS做成了动画,然后加入了LOVE四个字母,看起来还可以.但是,有些复杂.复杂倒不是技术上的复杂,是做起来复杂. 来试试吧. 1 ...

  10. 15+ 易响应的CSS框架快速开启你的敏捷网站项目

    由 于移动互联用户的快速增加,现在数量已经超出10亿,几乎可以肯定的是你的网站每天都会有移动用户访问.如果你组织计划创建一个对移动用户友好的浏览体 验,有多个方面需要考虑.响应快速的网站设计似乎现在很 ...