简明现代魔法 -> JavaScript -> JavaScript 局部打印

JavaScript 局部打印

2009-12-25

效果演示

打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法打印简明现代魔法

程序代码

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();
}  

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们