window.print打印指定div实例代码

 window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢,请看下面的例子

首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印。
 代码如下:
<html>
<head>
<script language="javascript">
function printdiv(printpage)
{
var headstr = "<html><head><title></title></head><body>";
var footstr = "</body>";
var newstr = document.all.item(printpage).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+newstr+footstr;
window.print(); 
document.body.innerHTML = oldstr;
return false;
}
</script>
<title>div print</title>
</head>
 
<body>
//HTML Page
//Other content you wouldn't like to print
<input name="b_print" type="button" class="ipt"   onClick="printdiv('div_print');" value=" Print ">
 
<div id="div_print">
 
<h1 style="Color:Red">The Div content which you want to print</h1>
 
</div>
//Other content you wouldn't like to print
//Other content you wouldn't like to print
</body>
 
</html>
 
 

时间: 2024-12-22 21:59:20

window.print打印指定div实例代码的相关文章

window.print打印指定div指定网页指定区域的方法_javascript技巧

第一种方法:指定不打印区域使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 细如下: <style media=print type="text/css"> .noprint{visibility:hidden} </style> 要打印的内容.哈哈! <p class="noprint">将不打印的代码放在这里.</p> <a href="javascript:w

js-循环调用window.print打印,想只在第一次显示弹窗,后面的弹窗均不显示

问题描述 循环调用window.print打印,想只在第一次显示弹窗,后面的弹窗均不显示 5C 使用ajax查询数据,赋值给隐藏的页面,然后调用print()进行打印不能用插件 var i = 0; function printmore() { var orderRow = $('#dg').datagrid(""getSelections""); var len = orderRow.length; if(i == len) { return; } $.ajax(

关于window.print打印 字体加粗问题

问题描述 各路大婶,请问我在使用window.print打印时,原本字体是有加粗效果的,可是为什么打印的时候,结果只有数字被加粗了,文字没有显示加粗.有解决方案吗?

JSP上传文件到指定位置实例代码_JSP编程

Servlet 代码: 复制代码 代码如下:  /** 直接取上传的File */ public void doPost(HttpServletRequest request, HttpServletResponse response)   throws ServletException, IOException {  String targetPath = request.getRealPath(request.getContextPath()); // 目标存储路径,服务器部署目录下  re

js window.print实现打印特定控件或内容_javascript技巧

window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢? window.print打印指定div 首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印. 复制代码 代码如下: <html> <head> <script language="javascript"> function printdiv(printpage) { var headstr = "<html><head&g

js print打印网页指定区域内容的简单实例_javascript技巧

实例如下: <!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> <meta http-equiv="Co

js print打印网页指定区域内容

比较简单的办法 使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 细如下:  代码如下 复制代码 <style media=print type="text/css">   .noprint{visibility:hidden}  </style>  要打印的内容.哈哈!  代码如下 复制代码 <p class="noprint">将不打印的代码放在这里.</p> <a hr

使用jquery.qrcode 生成的二维码,使用window.print(); 无法实现打印

问题描述 使用jquery.qrcode 生成的二维码,使用window.print(); 无法实现打印 使用jquery.qrcode 生成的二维码,使用window.print(); 无法实现打印 代码如下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

PHP遍历并打印指定目录下所有文件实例

 这篇文章主要介绍了PHP遍历并打印指定目录下所有文件实例,需要的朋友可以参考下  代码如下: <?php //功能:遍历并打印指定目录下所有文件   function scan_dir($dir_name,$dir_flag=1) {  static $FILE_COUNT=1;                //记录文件数目 初值为1 目录名称不记  $FILE_COUNT--;                       //每调用一次scan_dir()函数自减1  @$dir_hand