Записать CSS в код JavaScript не работает

Question

Записать CSS в код JavaScript не работает

1

У меня есть этот код javascript для печати содержимого div.

function PrintElem()
{
    var mywindow = window.open('', 'PRINT', 'height=600,width=800');

    mywindow.document.write('<html><head><title>' + document.title  + '</title>');

    mywindow.document.write('<style type="text/css">' + @media print {
    .no_print{ display:none;}
    .fav_thumb{width:50%; height:50%; float:left}
} + '</style>');

    mywindow.document.write('</head><body >');
    mywindow.document.write('<h2>' + document.title  + '</h2>');
    mywindow.document.write(document.getElementById("favorite_items").innerHTML);
    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10*/  

    mywindow.print();
    mywindow.close();

    return true;
}

Как я могу написать некоторый print css для этого нового окна, который открывается javascript?

KissTom87 27 дек. 2017, в 20:48

Источник

4

Прежде всего, CSS, который вы пытаетесь добавить (начиная с @media ), должен быть заключен в кавычки.
Chris Riebschlager 27 дек. 2017, в 18:58
1

Работает нормально, если CSS цитируется правильно codepen.io/pjabbott/pen/XVMrOe
Paul Abbott 27 дек. 2017, в 19:06

Теги:

javascript

css

1 ответ

Ещё вопросы

Прежде всего, CSS, который вы пытаетесь добавить (начиная с @media ), должен быть заключен в кавычки.
Работает нормально, если CSS цитируется правильно codepen.io/pjabbott/pen/XVMrOe

JohnH · Accepted Answer · 2017-12-27T17-14-00.000Z

Вариант №1 - встроенные стили могут быть применимы к вашей цели.

Этот абзац HTML-пример элемента, использующего встроенные стили, был показан в предыдущей ссылке.

<p style="color:blue;font-size:46px;">
  I'm a big blue, <strong>strong</strong> paragraph
</p>

Вариант № 2 - определения внутреннего стиля

Вариант № 3 - Файлы внешнего стиля

Стиль HTML с CSS- ссылкой охватывает все три (3) варианта.