利用div标签，将待打印的内容放在div标签里，执行局部打印

最新推荐文章于 2020-11-27 16:04:58 发布

转载最新推荐文章于 2020-11-27 16:04:58 发布 · 1.4k 阅读

文章标签：

#div #javascript #button #function #input #html

c#、asp.net 2.0技术专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用div标签实现局部网页内容打印的方法。通过JavaScript函数printdiv，可以将指定div内的内容转换为打印友好的格式并进行打印。该方法适用于需要按需打印网页部分内容的应用场景。

利用div标签，将待打印的内容放在div标签里，执行局部打印。示例代码：

<html>
<head>
<script language="javascript">
function printdiv(printpage)
{
var headstr = "<html><head><title></title></head><body>";
var footstr = "</body>";
var newstr = document.all.item(m_printpage1).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+newstr+footstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}
</script>
</head>
<input type="button" value="print" onclick="printpage('printpage')"/>
...
<div id="printpage">

</div>
...
</html>