JS 实现打印功能
2010-11-05 09:39
483 查看
function startPrint(obj)
{
var oWin=window.open("","_blank");
var strPrint="<h4 style=’font-size:18px; text-align:center;’>打印预览区</h4>/n";
strPrint=strPrint + "<script type=/"text/javascript/">/n";
strPrint=strPrint + "function printWin()/n";
strPrint=strPrint + "{";
strPrint=strPrint + "var oWin=window.open(/"/",/"_blank/");/n";
strPrint=strPrint + "oWin.document.write(document.getElementById(/"content/").innerHTML);/n";
strPrint=strPrint + "oWin.focus();/n";
strPrint=strPrint + "oWin.document.close();/n";
strPrint=strPrint + "oWin.print()/n";
strPrint=strPrint + "oWin.close()/n";
strPrint=strPrint + "}/n";
strPrint=strPrint + "<//script>/n";
strPrint=strPrint + "<hr size=’1′ />/n";
strPrint=strPrint + "<div id=/"content/">/n";
strPrint=strPrint + obj.innerHTML + "/n";
strPrint=strPrint + "</div>/n";
strPrint=strPrint + "<hr size=’1′ />/n";
strPrint=strPrint + "<div style=’text-align:center’><button onclick=’printWin()’ style=’padding-left:4px;padding-right:4px;’>打 印</button><button onclick='window.opener=null;window.close();' style='padding-left:4px;padding-right:4px;'>关 闭</button></div>/n";
oWin.document.write(strPrint);
oWin.focus();
oWin.document.close();
}
<div id="content">
<div style="font-size:12px;color:#333;width:1000px">
这里是打印内容
</div>
</div>
<button id="btnPrint" onclick="startPrint(document.getElementById(’content’))">打印内容</button>
{
var oWin=window.open("","_blank");
var strPrint="<h4 style=’font-size:18px; text-align:center;’>打印预览区</h4>/n";
strPrint=strPrint + "<script type=/"text/javascript/">/n";
strPrint=strPrint + "function printWin()/n";
strPrint=strPrint + "{";
strPrint=strPrint + "var oWin=window.open(/"/",/"_blank/");/n";
strPrint=strPrint + "oWin.document.write(document.getElementById(/"content/").innerHTML);/n";
strPrint=strPrint + "oWin.focus();/n";
strPrint=strPrint + "oWin.document.close();/n";
strPrint=strPrint + "oWin.print()/n";
strPrint=strPrint + "oWin.close()/n";
strPrint=strPrint + "}/n";
strPrint=strPrint + "<//script>/n";
strPrint=strPrint + "<hr size=’1′ />/n";
strPrint=strPrint + "<div id=/"content/">/n";
strPrint=strPrint + obj.innerHTML + "/n";
strPrint=strPrint + "</div>/n";
strPrint=strPrint + "<hr size=’1′ />/n";
strPrint=strPrint + "<div style=’text-align:center’><button onclick=’printWin()’ style=’padding-left:4px;padding-right:4px;’>打 印</button><button onclick='window.opener=null;window.close();' style='padding-left:4px;padding-right:4px;'>关 闭</button></div>/n";
oWin.document.write(strPrint);
oWin.focus();
oWin.document.close();
}
<div id="content">
<div style="font-size:12px;color:#333;width:1000px">
这里是打印内容
</div>
</div>
<button id="btnPrint" onclick="startPrint(document.getElementById(’content’))">打印内容</button>
相关文章推荐
- JS 实现在IE浏览器下的打印功能的去掉页眉页尾代码
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
- js实现页面打印功能实例代码(附去页眉页脚功能代码)
- ActiveX控件的使用-js实现打印超市小票功能代码详解
- 网页端如何通过JS实现超市小票打印功能(含附代码)
- js实现打印、页面设置、打印预览功能
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
- JS实现网页打印功能
- JS实现快递单打印功能【推荐】
- vue中引用pdf.js,实现在线浏览禁止下载、打印的功能
- 用JS在html页面实现打印功能
- JS实现Web网页打印功能(IE)
- JS实现Web中指定内容的保存与打印功能
- js实现对页面的部分内容的打印功能
- 转载js实现打印功能
- js实现复制,打印功能
- 原生js实现的局部页面打印功能,可以适用vue和jq
- JS 打印功能代码可实现打印预览、打印设置等
- JS实现局部打印功能
- 使用jquery.jqprint.js 实现的打印功能,IE9不能进行打印预览、火狐打印空白界面