css 代码行上的 javascript 未知错误

Question

我有这个 html 表格:

<center><input type="button" value="Print last visit report" id="printpagebutton" onclick="printData()"/>
      <input type="button" value="Print all reports" id="printpagebutton2" onclick="printData1()"/>
    </center></BR>
<center></center>
<div class=WordSection1 id="mydiv1">
<?php while($rows = mysqli_fetch_array($result)) {  $data2 =$rows['echo_files'];
$dataFile2 = str_replace('/', '\\', $data2); ?>


<div id="mydiv">
  <form action="/clinic form/update/update.php" id="Form2" method="post">
<table border="1" align="center" id="table">
<tr align="center">
<th colspan="3" bgcolor="#7a7878">DR. Omar GHNEIM - Patient Medical History</th>
</tr>
<tr align="center">
<th colspan="3"><?php echo 'Medical History of '.$rows['name']?></th>
</tr>
  <tr>
    <th>Medicaments</th>
    <th>Illness</th>
    <th>Echo Results</th>
  </tr>
  <tr>
  <?php if(!empty($rows['remarcs']) && trim($rows['remarcs'])!=''):?>
    <td width="250px"><?php echo $rows['remarcs'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
    <?php if(!empty($rows['illness']) && trim($rows['illness'])!=''):?>
    <td width="250px"><?php echo $rows['illness'] ?></td>
        <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
    <?php if(!empty($rows['echo']) && trim($rows['echo'])!=''):?>
    <td width="250px"><?php echo $rows['echo'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
  </tr>
<tr>
    <th>Clinic Test Result</th>
<th>Habbits</th>
<th>Allergy</th>

  </tr>
  <tr>
    <?php if(!empty($rows['test_res']) && trim($rows['test_res'])!=''):?>
    <td width="250px"><?php echo $rows['test_res'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
    <?php if(!empty($rows['habbits']) && trim($rows['habbits'])!=''):?>
    <td width="250px"><?php echo $rows['habbits'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
    <?php if(!empty($rows['allergy']) && trim($rows['allergy'])!=''):?>
    <td width="250px"><?php echo $rows['allergy'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
  </tr>
  <tr>
    <th>Occupation</th>
<th>PMHx</th>
<th>PSHx</th>
  </tr>
  <tr>
    <?php if(!empty($rows['occup']) && trim($rows['occup'])!=''):?>
    <td width="250px"><?php echo $rows['occup'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
    <?php if(!empty($rows['pmhx']) && trim($rows['pmhx'])!=''):?>
    <td width="250px"><?php echo $rows['pmhx'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
    <?php if(!empty($rows['pshx']) && trim($rows['pshx'])!=''):?>
    <td width="250px"><?php echo $rows['pshx'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
</tr>
<tr>
<th colspan="3">Echo Files</th>
</tr>
<tr>
<?php if(!empty($data2) && trim($data2)!=''):?>
<td colspan="3" align="center"><center><a href='download_PopUp.php?data=<?php echo $dataFile2; ?>'>Echo Test files exist</a></center></td>
<?php else: ?>
<td colspan="3" align="center"><center>No echo files</center></td>
<?php endif;?>
</tr>
<tr>
<th>P.E</th>
<?php if(!empty($rows['pe']) && trim($rows['pe'])!=''):?>
    <td width="250px"><?php echo $rows['pe'] ?></td>
    <?php else: ?>
    <td width="250px" align="center">Not Available</td>
    <?php endif; ?>
    <th rowspan="4" align="left">Signature</th>
</tr>
<tr>
<th>Date</th><td><?php echo $rows['date'] ?></td>
</tr>
<tr>
<th>Address of Patient</th><td><?php echo $rows['address'] ?></td>
</tr>
<tr>
<th>Phone Number of patient</th><td><?php echo $rows['phone_num'] ?></td>
</tr>

</table>

这个javascript文件用css在页面中打印一个div，但是dreamweaver软件报错:

 function printData()
{
   var divToPrint=document.getElementById("mydiv");
   newWin= window.open("");
   newWin.document.write(divToPrint.outerHTML);
    var css =`table, td, th {
        border: 1px solid black;
        text-align:justify;
    }

    th {
        background-color: #7a7878;
        text-align:center
    }`;
   var div = $("<div />", {
    html: '&shy;<style>' + css + '</style>'
  }).appendTo( newWin.document.body);
   newWin.print();

   newWin.close();
}

$('button').on('click',function(){
printData();
});

但在浏览器中，当我按 F12 时，没有任何错误提示，css 样式也不起作用。

Answer 1

Template strings在 IE 中不支持。这可能就是 Dreamweaver 在该行引发错误的原因。

要么转义换行符:

var myString = 'some \n\
multiline \n\
string';

或连接行:

var myString = 'some \n' +
    'multiline \n' +
    'string';