javascript区域打印代码

这段代码是我从Highcharts的代码中改造出来的,非常感谢Highcharts的作者,先链上Highcharts的地址http://www.highcharts.com/,(Highcharts的统计图代码非常棒,功能超强大,大家可以试试)!

下面附上js区域打印的代码

?

/****************************************功能代码******************************/

(function(){

window.JPrint = {

    print: function () {

        var doc = document,

        win = window,

        container = doc.getElementById("container"),//这里就是你要打印的区域的id,也可以参数传过来,你们懂的:-)

        origDisplay = [],

        origParent = container.parentNode,

        body = doc.body,

        NONE = ‘none‘,

        childNodes = body.childNodes;

        each = function (arr, fn) {

            var i = 0,

                len = arr.length;

            for (; i < len; i++) {

                if (fn.call(arr[i], arr[i], i, arr) === false) {

                    return i;

                }

            }

        };

        each(childNodes, function (node, i) {

            if (node.nodeType === 1) {

                origDisplay[i] = node.style.display;

                node.style.display = NONE;

            }

        });

        body.appendChild(container);

        win.print();

        setTimeout(function () {

            origParent.appendChild(container);

            each(childNodes, function (node, i) {

                if (node.nodeType === 1) {

                    node.style.display = origDisplay[i];

                }

            });

        }, 1000);

    }

};

}());

/*******************************下面是用法**********************************/
JPrint.print();
时间: 2024-11-08 23:23:28

javascript区域打印代码的相关文章

web页面实现指定区域打印功能

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

js验证网址等Javascript常见验证代码合集

发一个利用js验证网址是否正确,email格式是否正确,是否为数字及数字的范围,密码或字符长度及是否相等及要求的最小字符串长度,输入是否为空等Javascript常见验证代码合集,用的上的朋友可以拿去了自行添加整理. 关键的JavaScript代码函数: 查看代码 打印 001 /** 002 * 数据验证框架.增加了对id字段检查出错时,直接在对应后面添加一< span>元素来显示错误信息. 003 * 004 * @author www.phpernote.com 005 * @versi

javascript拼接html代码

经常做jsp开发的朋友可能遇到一个情况,显示列表数据不是table,而是div或者其他很多标签做的一种更漂亮的样式列表.如果采用ajax更新列表数据,可能有些朋友采用“html代码拼接”的方式,比如:"<a>"+json.name+"</a>"这样的方法.下面我提供一个思路,可以不需要拼接html代码,并且适用任何复杂的列表. 代码说明:1. 适用于ajax获取数据然后需要通过拼接html代码的方式实现数据列表展现的需求/功能2. html模

ASP.NET中前台javascript与后台代码调用

ASP.NET中前台javascript与背景代码调用 1如安正在JavaScript访问C#函数? 2.如安正在JavaScript访问C#变量? 3.如安正在C#中访问JavaScript的已经有变量? 4.如安正在C#中访问JavaScript函数? 标题1谜底以下: javaScript函数中实施C#代码中的函数: 方法一:一.起首成立一个按钮,正在背景将调用或许搞定的内容写入button_click中; 二.正在前台写一个js函数,内容为document.getElementById(

javascript瀑布流代码实例

javascript瀑布流代码实例:现在瀑布流效果大行其道,各种网站都有应用,尤其是专业的图片类型的网站,本站在特效下载专区也有此应用,当然实现此效果的方法有多种,下面是一段瀑布流代码实例供大家参考. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&

javascript简单计算器代码分析

javascript简单计算器代码分析:也许网页中需要一个简单的计算器功能,这个时候就要掌握如何编写,起码应该会修改,下面就通过一个简单的实例介绍一下如何实现简单的计算器效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/&

VB.NET屏幕指定区域截图代码,保存到Image中

VB.NET屏幕指定区域截图代码,保存到Image中 使用VB.NET实现屏幕上指定位置的图像进行截图功能,保存到Image中 Dim texthwnd As IntPtr texthwnd = FindWindowEx(0, 0, vbNullString, "等待输入验证码") Dim pl As SwtPj.WINDOWPLACEMENT GetWindowPlacement(texthwnd, pl) Dim image As Bitmap = New Bitmap(119,

Android之如何使用javascript调用android代码

使用javascript调用android代码 1.使用webview对象的addJavascriptInterface方法 2.addJavascriptInterface方法有两个参数,第一个参数就是我们一般会实现一个自己的类,类里面提供我们要提供给javascript访问的方法:第二个参数是访问我们在obj中声明的方法时候所用到的js对象,调用模式为window.interfaceName.方法名()或者是javascript: interfaceName.方法名() ;,如myWebVi

html 打印代码,支持翻页

ylbtech_html_print html打印代码,支持翻页 <html> <head> <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5"> <title>看看</title> <meta http-equiv="Content-Type" content="text/ht