技术支持

如果建站过程中遇到问题,请到这里查看解决办法

JS实现打印网页中指定区域的内容

我们经常在网上看到一些有用的文章,想要打印下来,却总是打印时是整个页面,我们不希望打印其它的内容,这时就可以用到打印指定内容,

以下是个完整的功能测试代码。


注:打印的JS必须放在要打印内容的后面,放前面就会出错噢。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JS实现打印页面中指定区域的内容</title>
</head>
<body>
<p>注:打印的JS必须放在要打印内容的后面,放前面就会出错噢。</p>
<p>以下是要打印文章的内容,打印开始(不包含此句)。</p>
<!--startprint-->
<h1>云华互联</h1>
<p>云华互联专注网站优化、网站制作,上海从事多年SEO整站优化和企业网站建设经验,提供搜索引擎优化(百度/360好搜/搜狗/谷歌关键词排名)、ASP网站开发、网页前端、JS代码等技术文章,欢迎免费使用和转载。</p>
<!--endprint-->
<p>以上是要打印文章的内容,打印结束(不包含此句)。</p>
<input type="button" value="打印文章" onclick="preview();" />
<script type="text/javascript">
function preview(){
    var bdhtml=window.document.body.innerHTML;
    var sprnstr="<!--startprint-->";
    var eprnstr="<!--endprint-->";
    var prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
    window.document.body.innerHTML=prnhtml;
    window.print();
    window.document.body.innerHTML=bdhtml;
}
</script>
</body>
</html>

京ICP备2014020853号  QQ在线咨询   邮箱:46334847@qq.com   版权所有 2004-2014 云华互联保留所有权利

网站关键字:云华互联  单县网站建设  单县网站设计  单县网页制作