Только печать <div id = "printarea"> </div>?

У меня есть лучшее решение css3 с минимальным количеством javascript-library кода.

Поместите часть для max-width печати в div с таким идентификатором:

Print me

Затем print добавьте событие, подобное javascript onclick (как показано выше), и css3 передайте идентификатор div, как css-layout я сделал выше.

Теперь давайте .js создадим действительно простой inline-block JavaScript:

function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}

Обратите внимание, насколько javascript это просто? Ни всплывающих javascript-library окон, ни новых окон, ни сумасшедшего css-layout стиля, ни JS-библиотек, таких inline-block как jquery. Проблема с действительно vanilla-javascript сложными решениями (ответ .js несложный и не то, о чем css3 я говорю) заключается в том, что javascript они НИКОГДА не будут переводиться printing во всех браузерах! Если вы js хотите изменить стили, сделайте, как css показано в отмеченном ответе, добавив box-shadow атрибут media к ссылке на css-layout таблицу стилей (media = "print").

Без css-layout лишних слов, легкий, просто printing работает.

javascript

css

printing

dhtml

2022-11-21T06:22:11+00:00