javascript中的打印(原生js以及jQuery) |
您所在的位置:网站首页 › js设置打印参数格式在哪找 › javascript中的打印(原生js以及jQuery) |
方法1:原生方法打印
window.print();//直接打印当前界面,效果不行,用过的都说差......
方法2:利用jQuery插件 ”PrintArea“ 进行打印
好处,容易控制区域及格式进行局部打印等 首先在jquery库后引入 jquery.PrintArea.js //最简单的使用方法 $("#formModal").printArea();//打印区域(。。。。。。。。)另外,官网的例子,可以设置打印参数,大家根据需要求自由选择 Contains content that I want to print This is just a sample page to demonstrate this plugin. Print Area 1 print me xyz A B C a b c I don't want this to print. Print Area 2 print me xyz A B C a b c This is Print Area 3 Print open dialog Settings Popup Close popup IFrame Extra css: Print area: Area 1 Area 2 Area 3 Retain Attributes: Class ID Style Add to head : ;meta charset="utf-8" /;;http-equiv="X-UA-Compatible" content="IE=edge"/; $(document).ready(function(){ var dialog = $("div.testDialog").dialog({position : { my : "left top", at : "left bottom+50", of : ".SettingsBox" }, width: "600", title: "Print Dialog Box Contents"}); $(".toggleDialog").click(function(){ dialog.dialog("open"); }); $("div.b1").click(function(){ var mode = $("input[name='mode']:checked").val(); var close = mode == "popup" && $("input#closePop").is(":checked"); var extraCss = $("input[name='extraCss']").val(); var print = ""; $("input.selPA:checked").each(function(){ print += (print.length > 0 ? "," : "") + "div.PrintArea." + $(this).val(); }); var keepAttr = []; $(".chkAttr").each(function(){ if ($(this).is(":checked") == false ) return; keepAttr.push( $(this).val() ); }); var headElements = $("input#addElements").is(":checked") ? ',' : ''; var options = { mode : mode, popClose : close, extraCss : extraCss, retainAttr : keepAttr, extraHead : headElements }; $( print ).printArea( options ); }); $("input[name='mode']").click(function(){ if ( $(this).val() == "iframe" ) $("#closePop").attr( "checked", false ); }); }); Demo 下载地址:http://download.csdn.net/download/capmiachael/9974905 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |