Google Chrome Print Preview не загружает страницу в первый раз
Я пытаюсь распечатать страницу, используя этот код
<html>
<head>
<script type="text/javascript">
function Popup()
{
var mywindow = window.open('', 'Ticket info', 'height=400,width=600');
mywindow.document.write('<html><head><title>my div</title>');
mywindow.document.write('<style type="text/css"> *{margin: 0; padding: 0;} body{padding: 3px; padding-left:20px;font:6px bold Arial;}</style>');
mywindow.document.write('<script src="http://code.jquery.com/jquery-latest.min.js"><'+'/script>');
mywindow.document.write('<script src="jquery-barcode.min.js"><'+'/script>');
mywindow.document.write('</head><body>');
mywindow.document.write('<div id="demo"></div>');
mywindow.document.write('<script type="text/javascript">$("#demo").barcode("1234567890128", "code39");<'+'/script>');
mywindow.document.write('</body></html>');
mywindow.print();
return true;
}
</script>
</head>
<body>
<input type="button" value="Print Div" onclick="Popup();" />
</body>
</html>
В основном это выскочит окно и покажет предварительный просмотр страницы. первая попытка загрузить предварительный просмотр не загрузит штрих-код, а когда вы отмените первый предварительный просмотр, затем щелкните правой кнопкой мыши страницу и повторите печать. 2-й предварительный просмотр теперь покажет штрих-код для печати.
Я думаю, что проблема исходит от этой строки:
mywindow.document.write('<script type="text/javascript">$("#demo").barcode("1234567890128", "code39");<'+'/script>');
когда я комментирую эту строку и добавляю фиктивный текст на страницу. Он будет автоматически отображаться в предварительном просмотре с первой попытки.
У меня была такая же проблема раньше, когда я пытаюсь загрузить стиль из файла CSS. Я решил эту проблему, перенеся стили прямо во всплывающее окно.
Мой вопрос: почему это происходит? и как я могу загрузить штрих-код с первой попытки предварительного просмотра?