使用js实现 Asp.net下的局部打印

最新推荐文章于 2025-08-11 09:21:19 发布

开发者孙小聪

最新推荐文章于 2025-08-11 09:21:19 发布

阅读量1.6k

点赞数

分类专栏：技术文章标签： asp.net path function xhtml button border

技术专栏收录该内容

82 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页中指定区域打印的方法。通过创建新窗口并写入特定的HTML内容，可以实现在新窗口中预览并打印指定元素的内容。此方法适用于需要灵活打印网页部分内容的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<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
>

<script
 type
="text/javascript"
>

///***********************

///打印指定区域页面

///说明：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 + "<script type=/"text/javascript/">/n";

	strPrint=strPrint + "var hkey_root,hkey_path,hkey_key/n";

	strPrint=strPrint + "hkey_root=/"HKEY_CURRENT_USER/"/n";

	strPrint=strPrint + "hkey_path=/"////Software////Microsoft////Internet Explorer////PageSetup/////"/n";

	strPrint=strPrint + "hkey_path=/"////Software////Microsoft////Internet Explorer////PageSetup/////"/n";

	strPrint=strPrint + "try{/n";

	strPrint=strPrint + "var RegWsh = new ActiveXObject(/"WScript.Shell/")/n";

	strPrint=strPrint + "hkey_key=/"header/"/n";

	strPrint=strPrint + "RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,/"/")/n";

	strPrint=strPrint + "hkey_key=/"footer/"/n";

	strPrint=strPrint + "RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,/"/")/n";

	strPrint=strPrint + "}catch(e){}/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();

}

</script
>

</head
>



<body
>

<button
 id
="btnPrint" 
onclick
="startPrint(document.getElementById('content'))"
>打印内容</button
>

<div
 id
="content"
>

	<div
 style
="font-size:12px;color:#333;"
>

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

	</div
>

</div
>

</body
>

</html
>