通用window页面打印

通用window页面打印


javascript 打印 前端
var newWindow = window.open("打印窗口", "_blank");
var docStr = this.$refs.printArea.innerHTML;
newWindow.document.write(docStr);
var styles = document.createElement("style");
styles.setAttribute("lang", "scss"); //media="print"
styles.innerHTML = `
        *{
          box-sizing: inherit;
          margin: 0;
          padding: 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
          outline: none;
          list-style: none;
        }
        body, html {
          font-size: 12px;
          background-color: #EDEFF4;
        }
        ul,li{
          padding:0;
          margin:0;
          list-style:none;
          box-sizing:border-box;
        }
        .print-item{
           width: 50%;
           padding: 20px;
           float: left;
           border:1px solid;
        }
        .print-img{
          width: 200px;
          height: 200px;
          float: right;
        }
        .xj-table {
          border-collapse: collapse;
          border: 1px solid #d4d5e1;
          line-height: 34px;
          text-align: center;
          font-size: 12px;
          width: 100%;
        }
        .mt20 {
           margin-top: 20px;
        }
        `;
newWindow.document.getElementsByTagName("head")[0].appendChild(styles);
newWindow.print();
newWindow.close();
© 2025 Niko Xie