js打印div指定区域内容

<script>
function myPrint(obj){
    var newWindow=window.open("打印窗口","_blank");//打印窗口要换成页面的url
    var docStr = obj.innerHTML;
    newWindow.document.write(docStr);
    newWindow.document.close();
    newWindow.print();
    newWindow.close();
}
</script>
<div id="print">
<hr />
   打印演示区域,点击打印后会在新窗口加载这里的内容!
<hr />
</div>
<button onclick="myPrint(document.getElementById(‘print‘))">打 印</button>
时间: 2024-08-29 14:57:46

js打印div指定区域内容的相关文章

在ASP.NET2.0里打印网页指定的内容(比如打印网页里的一个Table)

原文:在ASP.NET2.0里打印网页指定的内容(比如打印网页里的一个Table) 打印指定内容: <html> <head> <script   type= "text/javascript "   language= "javascript "> function   printPage()   {   var   newWin   =   window.open( 'about:blank ', ' ', ' ');   v

js 打印网页指定内容

1 function doPrint() { 2 setTimeout(function() { 3 bdhtml=window.document.body.innerHTML; 4 sprnstr="<!--startprint-->"; 5 eprnstr="<!--endprint-->"; 6 7 prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 8 prnhtml=prnhtml.

Asp.Net 将HTML中通过dom-to-image.js标签div内的内容转化为图片保存到本地

由于客户的需求,将js写出来的一个统计能够保存到本地.作为码奴的我只能慢慢搬砖咯!一开始使用的是html2canvas.js.功能是可以实现,但是有缺陷.话不多说开始搞! 1.引入几个JS库 ①:jquery 版本还没试过我用的是3.1.1 (不贴链接了,这个要找很容易) ②:dom-to-image.js (点击下载  下载下来解压开在src目录里面) ③:FileSaver.js (点击下载  下载下来解压开在src目录里面) 2.新建HTML引入第一步中的几个库 3.生成图片 3.1.生成

JS双击div编辑文本内容

HTML代码: <div class="album"> <div class="image"><a href="javascript:;" onclick="view({$vo.id})"><img src="{$vo.img}" /></a></div> <div class="name" id="

js打印html指定元素,解决动态获取的图片无法打印问题

用js来调用浏览器的打印接口很容易,一两行代码就能搞定,但是有些数据是通过动态生成的,例如一些动态生成的二维码,有时候调用打印接口图片会无法显示 为了解决这个问题,建议使用下面这个库 下载:https://github.com/tanathos/jquery.jqprint <script src="jquery.jqprint-0.3.js"/> <script> $('#youid').jqprint({ debug: false, //如果是true则可以

js替换div里的内容

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script>function a(){ document.getElementById("a").innerHTML=111111;}</script></head><body> <div id="a&

打印web页面指定区域的三种方法

本文和大家分享一下web页面实现指定区域打印功能的三种方法,一起来看下吧. 第一种方法:使用CSS 定义一 个.noprint的class,将不打印的内容放入这个class内. 代码如下: <style media="print" type="text/css"> .noprint{visibility:hidden} </style>这 里是要打印的内容.<p class="noprint">这里是不打印的内

js为页面的指定区域生成base64图片

需要一个封装好的html2canvas.js /* html2canvas 0.4.1 <http://html2canvas.hertzen.com> Copyright (c) 2013 Niklas von Hertzen Released under MIT License */ (function(window, document, undefined){ "use strict"; var _html2canvas = {}, previousElement,

window.print()打印页面指定内容(使用iframe保证原页面不失效)

使用window.print()时会出现两个问题: (1)直接使用window.print() 打印的是整页内容-->无法实现打印指定区域 (2)打印时替换body中的内容,打印完成后再替换回来-->这样会导致原来页面事件失效 使用iframe即可打印指定内容,也可保证页面不失效,具体方法如下: 1.将打印的内容独立出来为一个print.html文件,并为页面添加打印事件 <!DOCTYPE html> <html> <head> ... </head