打印网页部分片段

有些在住房置业融资担保业务系统写过的代码在将来的不久还是可以用到,我之前有写过截取部分网页内容并进行打印,贴出打印函数

export const printHtml=()=>{
const html_back = window.document.body.innerHTML;
const start = "<startprint>";
const end = "</startprint>";
let html = html_back.substr(html_back.indexOf(start) + 12);
html = html.substring(0, html.indexOf(end));
const newWin=window.open("");
let cssstr='';
const arr=window.document.getElementsByTagName("link");
arr.forEach(item=>{
const href=item.getAttribute("href");
if(href.includes('umi')){
cssstr=href;
return ;
}
});
console.log(cssstr)
newWin.document.write(<!DOCTYPE html> <html lang="en"> <head> <meta content="text/html; charset=UTF-8" > <title></title> <link rel="stylesheet" href=${cssstr} /> </head> <body> <div id="root"></div> </body> </html>);
setTimeout(item=>{
newWin.document.body.innerHTML = html;
newWin.print();},500);
};

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ECMAscript 基础语法 变量 数据类型 运算符 数组 函数 对象 BOM 浏览器对象模型 window对象...
    浅笑_阅读 1,625评论 0 0
  • client,page和screen的区别? clientX,clientY是触摸点相对于viewport视口x,...
    change_22fa阅读 5,646评论 1 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,102评论 0 3
  • 1.javascript的typeof返回哪些数据类型 object number function boolea...
    洛珎阅读 1,891评论 0 0
  • js历史 是基于事件和对象驱动的解释性,松散型的语言解释性:由浏览器解释执行松散型:变量可以用来保存任何类型的数据...
    程少辉阅读 3,405评论 0 0