js 控制DIV 预览打印

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 预览打印的更多相关文章

兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览
html代码: <div id="divPreview"> <img id="imgHeadPhoto" src="Images/H ...
js本地图片预览代码兼容所有浏览器
html代码 <div id="divPreview" style="width: 160px; height: 170px"><img id ...
js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
js 控制Div循环显示非插件版
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
JS控制DIV隐藏显示
转载自:http://blog.sina.com.cn/s/blog_6c3a67be0100ldbe.html JS控制DIV隐藏显示一,需求描述: 现在有3个DIV块,3个超链接,需要点击一个链 ...
功能整合（一）：滚动条的变相隐藏、js控制div的渐变显示、滚动条监听
1.滚动条的变相隐藏思路: 1. 把body的横向,纵向的超出部分隐藏,宽设置100%:高设置100%.就没有body的滚动条了, 2. 然后把最外层的div的宽设置的比body的宽宽一点,把d ...
ehlib预览打印的使用
ehlib支持预览打印功能,可以省去重新制作报表的麻烦,经过一天的努力,基本上解决了这个问题.把解决方法写出来,同行的朋友可以参考,同时为自己做个学习笔记. 首先,需要放置PrintDBGri ...
JS控制div跳转到指定的位置的几种解决方案总结
原文:http://www.jb51.net/article/96574.htm 这篇文章主要介绍了JS控制div跳转到指定的位置的几种解决方案总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考 ...
js控制div样式显示与隐藏，JS通过点击超链接右边（指定位置）显示一个图标
原文出自:https://blog.csdn.net/seesun2012 javascript基础篇,老土的方法解决js控制div样式,便于新手理解,粗暴的不能再粗暴,如果你是高手,请忽略! 思路: ...

随机推荐

Linux/Unix shell 监控Oracle实例(monitor instance)
使用shell脚本实现对Oracle数据库的监控与管理将大大简化DBA的工作负担,如常见的对实例的监控,监听的监控,告警日志的监控,以及数据库的备份,AWR report的自动邮件等.本文给出Linu ...
Android之Socket群组聊天
在这只做了一个简单的例子,没有用到数据库,思路就是客户端发送信息到服务器端,服务器端转发所有数据到客户端,校验服务器端发来消息是否是自己发出的,如果是自己发出的,则不显示自己的消息贴一下Androi ...
JAVA中的成员变量与局部变量
package com.imooc; //1.定义一个类 public class Telphone { //2.属性(成员变量)有什么 float screen; float cpu; float ...
无法加载 DLL“ArcGISVersion.dll”: 找不到指定的模块
无法加载 DLL“ArcGISVersion.dll”: 找不到指定的模块.(异常来自 HRESULT:0x8007007E).
Linux基本命令（6）线上查询的命令
线上查询的命令命令功能 man 查询和解释一个命令的使用方法,以及这个命令的说明事项 locate 定位文件和目录 whatis 寻找某个命令的含义 6.1 man命令 man命令用来查询和解释一 ...
.net core 使用
在本机上安装了 visual studio 2015后,还要安装 DotNetCore.1.0.1-VS2015Tools.Preview2.0.3.exe 才能编译 .net core 的代码.不然 ...
【调试】DLL EXE 调试技巧
0.随便说点最近因为一些原因一直都没有更新博客,从今天开始要逐渐恢复了,也是对自己的鞭策. 1.本文目标本文要说在有DLL 和 EXE源码的情况下调试DLL 和 EXE, 工具是VC++2010, ...
java中的类实现comparable接口用于排序
import java.util.Arrays; public class SortApp { public static void main(String[] args) { Student[] s ...
推荐一个网站Stack Overflow
网站URL:http://stackoverflow.com 我是怎么知道这个网站的呢?其实这个网站非常出名的,相信许多人都知道.如果你不知道,请继续阅读: 一次我在CSDN上面提问,但是想要再问多几 ...
Intent相关
Intent是什么? 翻译为:意图,目的(名词) 其实根本没必要管它是什么,看看它能做什么就好了. 不过后来我知道了,它就是个机制----通信机制-----android的许多组件间的交流要依赖它. ...

js 控制DIV 预览打印

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

随机推荐

热门专题