인쇄 할 때 Javascript가 적용된 HTML 표 추가가 표시되지 않습니다.

Question

HTML로 표를 코딩했습니다. 그러나 변수가 포함되어 있으면 끝에 추가 항목을 추가해야하는 테이블 내 일부 변수가 있습니다.

var sku = "".concat("[%ITEM_SKU1%]", "[%ITEM_SKU2%]", "[%ITEM_SKU3%]", "[%ITEM_SKU4%]"); 
 
var mini_sku = "-01969-|-01970-|-01971-|-01972-|"; 
 
var personRegExp = new RegExp(mini_sku); 
 
if (personRegExp.test(sku)) { 
 
    document.getElementById("Additional").innerHTML = '<td class="is2"> \ 
 
      <font color="#FF0000" size="+3"><b>+</b></font>   </td>\ 
 
      <td class="is2"><strong> \ 
 
      Additional Item   </strong></td>\ 
 
      <td class="is2"> \ 
 
      Additional Item(s) (Title)   </td>\ 
 
      <td class="is6"> \ 
 
      <div align="right"> \ 
 
       n/a   </div>   </td>\ 
 
      <td class="is6"><div align="right"> n/a</div></td>'; 
 
}

<tr id="Additional"></tr>

이

코드는 기본적으로 "mini_sku"에 나열된 숫자 변수 "SKU를"검색 :

나는 코드의 자바 스크립트 블록에 연결되어있는 코드를 HTML이있다. 그들이 있으면 테이블에 추가 항목이 추가됩니다.

이 코드는 브라우저에서 .html 파일을 열 때 올바르게 작동합니다. 그러나 파일을 직접 인쇄하려고하면 코드가 작동하지 않고 추가 항목이 추가되지 않습니다. 파일을 인쇄 할 때 올바르게 작동하게하는 방법이 있습니까?

Answer 1

귀하의 의견을 읽었습니다. 질문이 넓거나 다소 애매하기 때문에 문제를 조금 더 설명하십시오.

Javascript는 해석 된 프로그래밍 언어입니다. Javascript는 작업을 수행하기 위해 브라우저에서 해석해야합니다. 브라우저에서 파일을 열지 않고 인쇄물로 보내면 코드의 자바 스크립트 부분이 작동하지 않습니다. 그것이 인쇄 할 때 테이블에 여분의 열을 볼 수없는 이유입니다.

뭘 할 수 있습니까? 음 ... 난 당신이 div 태그 내부에이 테이블이 있다고 가정 (의는 "yourdiv"라는 이름을하자) 그래서 ... 당신은 인쇄 할 파일의 버튼 넣을 수 있습니다 :

<div id="tablediv"> 
    <!-- Here you have your table with the extra column --> 
</div> 

<input type="button" name="Print" value="Print" onclick="toprint();"> 

자바 스크립트 함수를 :

function toprint() { 

    var content= document.getElementById(tablediv); 
     var contentprint = window.open(' ', 'Table'); 
     contentprint.document.write(content.innerHTML); 
     contentprint.document.close(); 
     contentprint.print(); 
     contentprint.close(); 

}