利用js实现局部打印

最新推荐文章于 2023-04-27 11:01:20 发布

残酷月光wh

最新推荐文章于 2023-04-27 11:01:20 发布

阅读量325

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： JS打印

本文链接：https://blog.youkuaiyun.com/qq_35698953/article/details/80830541

JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页局部内容打印的方法。通过定义开始和结束打印标记，能够精确控制打印区域，避免打印不必要的页面元素。

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

var newWin = window.open(window.document.URL);//将本页在一个新的窗口中打开，方便在打印完后可以关闭
	var bdhtml=window.document.body.innerHTML; //获取当前页面的body部分
	var sprnstr="<!--startprint-->"; //标记自己想要打印的部分，方便截取
	var eprnstr="<!--endprint-->"; 
	var prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);  //截取需要打印的部分
	prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));				
	newWin.document.body.innerHTML = prnhtml; //将打印的部分覆盖新打开窗口的body元素
	newWin.print();//打印
	newWin.close();//关闭打印窗口
	
	//将本身的页面重新打开是为了保证列表的一些控件css样式不受影响。 有错误的地方欢迎指正。