Как распечатать часть HTML-страницы?

Question

У меня есть HTML-страница, я хочу напечатать часть этой HTML-страницы, я знаю функцию javascript для печати страницы,

onClick="javascript:window.print(); return false;

но как мне распечатать часть страницы?

Если у кого-нибудь есть идея, пожалуйста, поделитесь ею со мной.

Answer 1

Вы должны использовать отдельную CSS для печатных СМИ. Это позволяет скрывать / отображать части страницы при печати. ​​

html:

<div class="dont-print-that">
   blah
</div>
print this!

включают в себя:

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

print.css

.dont-print-that{display:none;}

Другое решение - открыть новое окно с тем содержимым, которое вы хотите распечатать. Вы можете сделать это во всплывающем окне или в фрейме. Лично я нахожу решение CSS более элегантным, но это зависит от вас.

Answer 2

Если вы хотите реализовать несколько функций «Распечатать этот раздел» на странице, то таблицы стилей для печатных СМИ (описанные в других ответах) - это путь вперед ...

… но в сочетании с альтернативными таблицами стилей , чтобы вы могли переключаться на одну для каждого раздела.

Answer 3

Вы можете применить стиль CSS, чтобы скрыть все, кроме того, что вы хотите напечатать для media="print", используя Javascript.

Вы также можете загрузить страницу в другом окне или в [скрытый] <iframe> и распечатать его.