前端js打印功能

最新推荐文章于 2024-10-14 08:45:00 发布

胖胖的程序媛

最新推荐文章于 2024-10-14 08:45:00 发布

阅读量233

点赞数

CC 4.0 BY-SA版权

分类专栏： IT 文章标签：打印代码前端打印前端js打印

本文链接：https://blog.youkuaiyun.com/qq_37640965/article/details/94554837

IT 专栏收录该内容

19 篇文章

订阅专栏

<div id="PrintContent">这里是要打印的内容</div>
<button id="print">打印</button>

$(function(){
		$("#print").click(function(){
			PrintHtml();
		})
		function PrintHtml(){
			var pc = $("#PrintContent").html();
            var pw = window.open('', '', 'width=500,height=400');
            pw.document.write('<html>');
            pw.document.write('<head>');
            pw.document.write('<link href="/Static/css/bootstrap.min14ed1.css?v=3.3.6" rel="stylesheet">');//引入打印样式
            pw.document.write('</head>');
            pw.document.write('<body>');
            pw.document.write(pc);
            pw.document.write('</body>');
            pw.document.write('</html>');
            pw.document.close();
            setTimeout(function () {
                pw.window.print();

            }, 500);
            return false;
		}
})