Как распечатать часть страницы HTML?
У меня есть страница HTML, я хочу распечатать часть этой страницы HTML, я знаю, что функция JavaScript печатает страницу,
onClick="javascript:window.print(); return false;
но как я могу распечатать часть страницы?
Если у кого-либо есть идея, совместно используйте ее со мной.
3 ответа
Вы должны использовать отдельный css для печатных носителей. Это позволит вам скрывать/показывать части страницы при печати.
html :
<div class="dont-print-that">
blah
</div>
print this!
include:
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
print.css
.dont-print-that{display:none;}
Другое решение - открыть новое окно только с тем содержимым, которое вы хотите распечатать. Это можно сделать либо во всплывающем окне, либо в iframe. Лично я нахожу CSS-решение более элегантным, но решать вам.
Если вы хотите реализовать несколько функций «Распечатать этот раздел» на странице, тогда таблицы стилей для печати (описанные в других ответах) - это путь вперед…
… но объедините это с альтернативными таблицами стилей так что вы можете переключиться на по одному для каждого раздела.
Вы можете применить стиль CSS, чтобы скрыть все, кроме того, что вы хотите напечатать для media = "print" , используя Javascript.
Вы также можете загрузить страницу в другое окно или [скрытый]