js html页面原生js横向打印

理论基础
https://www.html.cn/book/css/rules/@page.htm
https://www.cnblogs.com/xiongK/p/12932021.html

//切换打印方向
let $changePrint = function (type) {
  let html = '';
  type = type?type:1;

  if(type=='1'){
    html='<style type="text/css" media="print">\n' + '  @page { size: landscape; }\n' + '</style>';
  }else{
    html='<style type="text/css" media="print">\n' + '  @page { size: portrait; }\n' + '</style>';
  }

  return html;
};

调用方式： printdiv是你要打印的页面标签

//type==1=>横打；type==2=>纵打。
var bdhtml=window.document.body.innerHTML;
$('#printdiv').append($changePrint(type));
var divp = document.getElementById("printdiv").innerHTML;
window.document.body.innerHTML=divp;
window.print();//调用打印的窗口
window.location.reload();