js、jquery打印

xudongcsharp

浏览: 477223 次
性别:
来自: 上海

最近访客更多访客>>

fbswz1111

chenmo80125

jelly25176

Cadelle

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

第一种方法：
<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />
可以用样式控制，你想让那块打印就打印啊，样式如下：
<style type="text/css" media=print>
.noprint{display : none }
</style>
然后使用样式就可以：
<p class="noprint">不需要打印的地方</p>

第二种方法：
<table id= "a ">
123
</table>
<script>
var op = window.open();
op.document.writeln(a.outerHTML);
op.document.writeln( ' <script> window.print() <\/script> ');
</script>

第三种方法：
WebBrowser是IE内置的浏览器控件，无需用户下载.

一、WebBrowser控件
　　<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>
二、WebBrowder控件的方法
//打印

WebBrowser1.ExecWB(6,1);

//打印设置

WebBrowser1.ExecWB(8,1);

//打印预览

WebBrowser1.ExecWB(7,1);

关于这个组件还有其他的用法，列举如下：
WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销，有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示
但是打印是会把整个页面都打印出来的,页面里面有什么东西就打印出来,我们有时候只需要打印数据表格,这时我们就要写一个样式了:把不想打印的部份隐藏起来：
样式内容：
<style type="text/css" media=print>
.noprint...{display : none }
</style>
然后使用样式就可以：
<p class="noprint">不需要打印的地方</p>

代码如下:

<script language="javascript">
function printsetup()...{
// 打印页面设置
wb.execwb(8,1);
}
function printpreview()...{
// 打印页面预览

wb.execwb(7,1);

}

function printit()
...{
if (confirm('确定打印吗？')) ...{
wb.execwb(6,6)
}
}
</script>

<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button name=button_print value="打印" class="noprint" onclick="javascript:printit()">
<input type=button name=button_setup value="打印页面设置" class="noprint" onclick="javascript:printsetup();">
<input type=button name=button_show value="打印预览" class="noprint" onclick="javascript:printpreview();">

==================================================================

Jquery打印

实现步骤
1)引用2个js文件
2)定义打印区域的div，打印按钮
3)为打印按钮绑定打印事件

    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>  
    <%@ page import="java.util.*"%>  
    <html>  
        <head>  
            <title></title>  
        </head>  
        <script type="text/javascript" src="jquery-1.4.3.js"></script>  
        <script type="text/javascript" src="jquery.PrintArea.js"></script>  
        <body>  
            <input id="btnPrint" type="button" value="打印"/>  
            <div id="myPrintArea">  
                ====打印区域====  
            </div>  
        </body>  
        <script type="text/javascript">  
            $(function(){  
                //打印  
                $("#btnPrint").bind("click",function(event){  
                    $("#myPrintArea").printArea();  
                });  
            });  
        </script>  
    </html>

原文：http://www.cnblogs.com/weihai2003/archive/2009/01/06/1370127.html

分享到：

纵向文字排列 | 不常用的HTML代码

2011-01-18 09:59
浏览 1951
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js、jquery打印

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js、jquery打印

评论

发表评论

相关推荐

javascript转义字符串（Escape Sequence）处理

为什么要进行服务器端验证？

json

JavaScript中的setTimeout和setInterval的区别

滚动动态加载插件lazyload

标签云效果

JavaScript优化

javascript禁止链接<a>跳转

包含iframe子页面的父窗口跳转

Javascript keyCode键盘键码值表

JS常用跳转代码

JS正则表达式特殊字符的过滤

文本框默认值 点击清空 鼠标移开恢复默认值 效果

(JS特效)鼠标上滚动字体

select下拉框下拉跳转代码

js跳转

js改变iframe的url

js动态显示时间

js实现二级联动

JS实现checkbox单选

最近访客更多访客>>

文本框默认值点击清空鼠标移开恢复默认值效果