javascript局部页面打印实现代码_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:43:53

javascript局部页面打印实现代码_javascript技巧

javascript局部页面打印实现代码_javascript技巧:ie自带的有Active控件，但火狐不支持。这里使用的是js操作dom方法对窗体指定标记内文字进行打印，所以使用时需要定义相关的标签及其样式（文字大小、字体之类）。代码如下: ///*********************** ///打印指定区域页面 ///说明：obj–通过ge

推荐度：

点击下载本文 文档为doc格式

导读javascript局部页面打印实现代码_javascript技巧:ie自带的有Active控件，但火狐不支持。这里使用的是js操作dom方法对窗体指定标记内文字进行打印，所以使用时需要定义相关的标签及其样式（文字大小、字体之类）。代码如下: ///*********************** ///打印指定区域页面 ///说明：obj–通过ge

ie自带的有Active控件，但火狐不支持。这里使用的是js操作dom方法对窗体指定标记内文字进行打印，所以使用时需要定义相关的标签及其样式（文字大小、字体之类）。

代码如下:

///***********************
///打印指定区域页面
///说明：obj–通过getElementById或其它方式获取标签标识，打印此obj内的文字
///日期：2009-8-7
function startPrint(obj)
{
var oWin=window.open("","_blank");
var strPrint="

打印预览区

\n";

strPrint=strPrint + "\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 + "

\n";
strPrint=strPrint + "\n";
oWin.document.write(strPrint);
oWin.focus();
oWin.document.close();
}

这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容

下面是测试代码：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>打印指定区域页面</title> <style type="text/css"> body{ font-size:12px; color:#333; } #content{ border:solid 1px #333; background:#ffc; } </style> ///*********************** ///打印指定区域页面 ///说明：obj--通过getElementById或其它方式获取标签标识，打印此obj内的文字 ///开发：王洪剑 ///日期：2009-8-7 function startPrint(obj) { var oWin=window.open("","_blank"); var strPrint="<h4 style='font-size:18px; text-align:center;'>打印预览区</h4>\n"; strPrint=strPrint + "\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 + "\n"; strPrint=strPrint + obj.innerHTML + "\n"; strPrint=strPrint + "\n"; strPrint=strPrint + "<hr size='1' />\n"; strPrint=strPrint + "<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>\n"; oWin.document.write(strPrint); oWin.focus(); oWin.document.close(); } </ script> </head> <body> <button id="btnPrint" onclick="startPrint(document.getElementById('content'))">打印内容</button> 这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容 </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript局部页面打印实现代码_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：打印页面局部

热门焦点

javascript局部页面打印实现代码_javascript技巧

javascript局部页面打印实现代码_javascript技巧

打印预览区

javascript局部页面打印实现代码_javascript技巧

最新推荐

猜你喜欢

热门推荐