js 实现页面打印功能

责任:葡京娱乐场.0267 栏目: 编程语言 发布于: 2014-05-07 18:15:41

感谢您百忙之中阅读本站文章,这里是葡京娱乐场.娱乐官方网,可以关注我们的文章公众号葡京娱乐场.pj32698,以下是文章内容,请注意用眼疲劳。

要实现页面打印功能。这个需求往往听起来挺复杂,挺高级的,其实没那么难,下面本文分享一种超简单的方法实现页面的打印功能,不仅可以打印整个页面,还可以打印页面某块区域。下面是具体的实例代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
function printdiv(printpage){
	var headstr="<html><head><title></title></head><body>";
	var footstr="</body>";
	var newstr=document.all.item(printpage).innerHTML;
	var oldstr=document.body.innerHTML;
	document.body.innerHTML=headstr+newstr+footstr;
	window.print(); 
	document.body.innerHTML=oldstr;
	return false;
}
</script>
<title>div print</title>
</head>
<body>
<input type="button" onClick="printdiv('div_print');" value=" 打印 ">
<div id="div_print">
<h1 style="Color:Red">被打印区域:www.phpernote.com</h1>
</div>
这块区域是打印不到的!
</body>
</html>

您可能感兴趣的文章

  • jquery判断页面是否已经加载了jquery文件
  • Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度)
  • 页面应该如何加载javascript才能提高网站性能
  • 在网页里嵌入谷歌搜索框功能
  • 在网页里嵌入百度搜索框功能
  • jquery 如何操作iframe父级页面的元素
  • 禁止网页右键、复制、另存为、查看源文件等功能实现网页源代码保护
  • 网页缓存Js,css以及图片导致页面刷新无效果的三种解决办法
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。
转载请注明:文章转载自 [http://www.danrojas.com]
本文标题:js 实现页面打印功能
IT技术书籍推荐:
GitHub入门与实践
GitHub入门与实践
大塚弘记 (作者), 支鹏浩 (译者), 刘斌 (译者)
《GitHub入门与实践》从Git的基本知识和操作方法入手,详细介绍了GitHub的各种功能,GitHub与其他工具或服务的协作,使用GitHub的开发流程以及如何将GitHub引入到企业中。在讲解GitHub的代表功能Pull Request时,本书专门搭建了供各位读者实践的仓库,邀请各位读者进行Pull Request并共同维护。 《GitHub入门与实践》旨在指导各位读者如何在开发现场使用GitHub进行高效开发,适合所有想要使用GitHub进行开发的程序员或团队阅读。
葡京娱乐场.最新互联网资讯
葡京娱乐场.互联网资讯

葡京娱乐场_进入葡京娱乐场.pj32698官方网站.0267